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
  funplot sine-cosine

• Charts d3-shape D3 v5 Line Chart

• Curves D3 curve explorer

• Custom UI checkbox