Feature request: Canvas about nivo HOT 10 CLOSED

Started some tests with canvas

• http://nivo.rocks/#/heatmap/canvas
• http://nivo.rocks/#/bar/canvas

from nivo.

Now both BarCanvas and HeatMapCanvas support tooltips.

from nivo.

Rendering to <canvas> becomes very important as the data points and SVG/DOM nodes increase.

from nivo.

These look great. Will they also, eventually, be interactive and supported by the API? I know this is still really early. I'm just curious how you see them progressing.

Let me know if you'd like some help with canvas in nivo-api. I did some work a few years ago using node-canvas to return JPEGs, PNGs and data URIs.

Also, I noticed the images are a blurry on my retina display. I suspect the code needs to scale based on window.devicePixelRatio. This article gives more info about the required changes.

from nivo.

I think for basic shapes, interactivity will not be a problem but for things like line charts, stream graphs or sankey (links), that's another story :/

I though of something like node-canvas for the API, even considered headless chrome (the tooling around it seems quite active), but the problem with both is it requires a more complex setup (cario or chrome install), but it could be an opt-in. If you want to try something, you're more than welcome :)

On my retina display it's also blurry, thank you for the link, already used it when playing with pixi.js.

from nivo.

Added property pixelRatio which fallback on window.devicePixelRatio, all those changes are available in [email protected] and available on the demo.

from nivo.

@plouc Awesome! This looks great. Nice, quick, work

from nivo.

New chart supported:

• http://nivo.rocks/#/chord/canvas

from nivo.

http://nivo.rocks/#/components?q=canvas

from nivo.

I'm closing this issue as there is now canvas support for few charts => http://nivo/rocks/#/components?filter=Canvas

from nivo.