proteic icon indicating copy to clipboard operation
proteic copied to clipboard

Responsive chart guideline for d3.js

Open 0xNacho opened this issue 8 years ago • 2 comments

http://blog.webkid.io/responsive-chart-usability-d3/

0xNacho avatar Sep 19 '16 09:09 0xNacho

I think it's time to tackle this problem :D

0xNacho avatar Oct 26 '16 15:10 0xNacho

I think that the developer should be able to choose the responsive strategy:

  • Zoom: SVG rescales maintaining aspect ratio and all of the elements.
  • Simplify: the chart adapts to the new size removing elements and adjusting shapes (fewer ticks, less spacing, axes removal...)

We can first implement the zoom strategy that is common for every chart and work on the simplification strategy for each chart later.

jorgeyp avatar Oct 27 '16 07:10 jorgeyp