Live data from Hacker News

Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

graphicsjs.org

1–10 of 45 posts

Re: Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

#3
The speed and responsiveness of Canvas for complex visualisation (ones where there are a lot of objects) means it's often the better choice. However, libraries like d3 make working with SVG a lot easier.

I'm interested, why does SVG seem to de the default choice for web graphics? And is there something like d3 that makes working with Canvas more accessible?

Re: Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

#6
post #3

The speed and responsiveness of Canvas for complex visualisation (ones where there are a lot of objects) means it's often the better choice. However, libraries like d3 make working with SVG a lot easier. I'm interested, why does SVG seem to de the default choice for web graphics? And is there something like d3 that makes working with Canvas more accessible?

D3 Version 4 has more utilities and examples of interactions with Canvas. Here's an example of a relatively small graph (~500 nodes, 10k edges) that SVG used to struggle with, but Canvas renders with ease.

http://bl.ocks.org/syntagmatic/954b31aa8b8beb91b30ccb0c9e57f...

Notice the nodes are draggable, an interaction supported by the new simulation.find https://github.com/d3/d3-force/#simulation_find

Re: Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

#7
post #3

The speed and responsiveness of Canvas for complex visualisation (ones where there are a lot of objects) means it's often the better choice. However, libraries like d3 make working with SVG a lot easier. I'm interested, why does SVG seem to de the default choice for web graphics? And is there something like d3 that makes working with Canvas more accessible?

As far as i know there are some issues with canvas text measurement and accessibility support. So it's just hard to use it for data visualization and infographics. Take a look at W3C accessibility graphics topic https://www.w3.org/standards/webdesign/graphics.html

Re: Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

#9
post #3

The speed and responsiveness of Canvas for complex visualisation (ones where there are a lot of objects) means it's often the better choice. However, libraries like d3 make working with SVG a lot easier. I'm interested, why does SVG seem to de the default choice for web graphics? And is there something like d3 that makes working with Canvas more accessible?

SVG is the best vector graphics format out there? Most other popular graphics formats are raster.

Re: Show HN: GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library

#10
post #5
post #4

How are they making this compatible with IE6?

more importantly, why?

China, India, Africa, Indonesia, Russia (regional government offices), for this and for many other countries IE6-8 is common case. It's just a fact.
Post reply on HN