Working with large data
- Growing size of the data
- Need for visualising it.
- Web - the ubiquitous platform
Common experiences
- Crashing of browsers
- Script time-out error
- Taking hours to render
- Over-plotting of data
- Issues with interactions
Managing data points effectively
- Data aggregation
  - What is data aggregation?
  - How it solves the issue?
- Over-plotting reduction
  - Culling the coincident data plots
  - How it solves the issue?
A part of the problem is yet to be addressed
- Data aggregation vs. actual data
- At times. coincident rendering is essential!
Rendering the entire large data
- Without getting a script error / time lag
- With smooth interaction post rendering
Is SVG an option for it?
- Live demo
- Comparison of the rendering time vs DOM element counts
- Analysis of the performance
Is canvas an option for it?
- Live demo
- Comparison of the rendering time vs. number of data points rendered
- Analysis of the performance
- Performance comparison between SVG and canvas
How far can you go with canvas?
- Threshold of performance in canvas rendering
- Factors behind the observed limitation
- Can we stretch the limit?
Batch rendering
- What is batch rendering?
  - Divide the entire data in smaller chunks.
  - Render them individually instead of the whole at a single go
- Live Demo
- How it helped in pushing the limit?
Interactive issues with canvas
- No interactivity support
- Mocking browser events algorithmically
kd-tree
- What is kd-tree?
- Benefits of using kd-tree
- Performance limitations
Modified kd-tree
- Modifications in the kd-tree
- Benefits of this modification
- Trade-off
Progressive rendering
- Why progressive rendering is required wrt zooming and panning ?
- 9-grid algorithm
- Live Demo
Final Thoughts
- A peek into FusionCharts zoom scatter chart
- Say YES to large data visualisation in browsers.

JSFoo 2016