How does one design large, interactive data visualizations using canvas?
-
I am experienced with D3, which uses SVG to render visualizations and bind data. However, often (such as the http://NYTimes.com Facebook IPO) HTML5 Canvas is used instead of SVG because it is more efficient than lots of SVG elements. What is the best way to enable interactivity with Canvas that you get with SVG? (how did the NYTimes enable the tooltips in their Facebook IPO vis?)
-
Answer:
I would recommend the following libraries :- 1. Bonsai-js http://bonsaijs.org/ 2. CAAT http://hyperandroid.github.com/CAAT/ 3. CytoScape http://cytoscape.github.com/cytoscape.js/ 4.Arbor http://arborjs.org/
Jay Kanakiya at Quora Visit the source
Other answers
You could still use d3 for all data transformations as it has strong support on that. More on that maybe here: http://bocoup.com/weblog/d3js-and-canvas/ But, one library/platform i know, which has become quite popular for working on canvas is https://processing.org. It has a good documentation with some examples and quite big community.
Hafiz Hasanov
Related Q & A:
- How to print a large image in C#?Best solution by Stack Overflow
- How to store large ordered data?Best solution by Stack Overflow
- How to deal with dynamic JSON data using AngularJS?Best solution by Stack Overflow
- How do I send large files?Best solution by Yahoo! Answers
- How much money do large corporations spend for advertising?Best solution by businessinsider.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.