Content View: Creating a custom view using a JS library
-
If you have a JS library you want to use to create a custom view, here's a simple example you can copy.
Try online
Download IOK
We use the example from http://www.datatables.net/examples/data_sources/js_array.html and use server-side JS preprocessing to inject dynamic data into the data array declarations in the client-side JS. Open in Omniscope Desktop and edit the Content View source to see how this works. -
4 Comments
-
Attached, an updated version which performs a little better and handles text with double-quotes and curly braces.Attachments
JS library demo.iok 15K -
Performance of this approach is only good up to a few thousand records. For larger files, you should use Aggregate in the Content View to limit the data sent to the embedded native Chromium browser.
Here's an example of a larger file (260,000 records) using this approach. Try online.AttachmentsMovies, aggregated content view.iok 5M -
Here's an example using an aggregated Content View and d3 (in fact d3pie helper) to generate an animated Pie chart. Try online.Attachments
Movies, pie.iok 5M -
Back to the table demo, here's a slightly better performing version for unaggregated data. I was previously using a cell() call for every cell in the table. It's quicker to use one dataArray() call.
Try online
http://www.visokio.com/kb/js-functions-guide
AttachmentsMovies, table.iok 5M
Welcome!
It looks like you're new here. If you want to get involved, click one of these buttons!
Categories
- All Discussions2,595
- General680
- Blog126
- Support1,177
- Ideas527
- Demos11
- Power tips72
- 3.0 preview2
Tagged
To send files privately to Visokio email support@visokio.com the files together with a brief description of the problem.