About

Coexistence of React with D3.js

Roadmap

[ ] App
[ ] zustand state store
[x] BarsChart
[x] Global store persistence
[ ] Charts
[ ] BarsChart
[ ] probably not recalculate the y domain when toggle functions
[ ] FunChart
[ ] fixed color for each function
[ ] take up less space for checkboxes
[ ] Lines playground
[x] Add general info and each line explanation
[x] Change color selection from whole row to small box
[x] Check / uncheck all lines at once
[x] Add animation of color bar width on change
[x] Specify specific colors without duplication
[x] Use a color combination with a line style
[-] Add selection / deselection to the line with a slide, similar to working with a layer selection in Photoshop. TBD.
[x] Allow to change the number of points
[x] Add +/- buttons tooltips
[ ] Add disabled state to +/- buttons
[ ] Points path panel
[x] Show current dragged point in bold
[x] Show unsaturated inactive path points
[ ] Save / restore points position and lines selection

Links, Refs, Credits

• d3-random

  • d3-random
  • random-source
  • seedrandom

• d3-hierarchy

  • collapsible-tree

• funplot
  funplotsine-cosine

• Charts d3-shapeD3 v5 Line Chart

• Curves D3 curve explorer

• Custom UI checkbox