https://github.com/maxzz/react-d3

Coexistence of React with D3.js
https://github.com/maxzz/react-d3

d3 react

Last synced: 3 months ago
JSON representation

Coexistence of React with D3.js

• Host: GitHub
• URL: https://github.com/maxzz/react-d3
• Owner: maxzz
• Created: 2021-07-11T00:13:30.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T04:31:58.000Z (over 2 years ago)
• Last Synced: 2025-01-08T21:20:40.439Z (5 months ago)
• Topics: d3, react
• Language: TypeScript
• Homepage: https://maxzz.github.io/react-d3
• Size: 6.07 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#### 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](https://github.com/d3/d3-random)

    * [random-source](https://observablehq.com/@d3/random-source)

    * [seedrandom](https://github.com/davidbau/seedrandom)

* d3-hierarchy

    * [collapsible-tree](https://observablehq.com/@d3/collapsible-tree)

* funplot    

    [funplot](https://observablehq.com/@mbostock/funplot)

    [sine-cosine](https://observablehq.com/@mbostock/sine-cosine)

* Charts

    [d3-shape](https://observablehq.com/@d3/learn-d3-shapes?collection=@d3/learn-d3#:~:text=Computing%20arc%20angles)

    [D3 v5 Line Chart](https://bl.ocks.org/gordlea/27370d1eea8464b04538e6d8ced39e89)

* Curves

    [D3 curve explorer](https://bl.ocks.org/d3indepth/raw/b6d4845973089bc1012dec1674d3aff8/)

* Custom UI

    [checkbox](https://codepen.io/enbee81/pen/oNWZBbb)