https://github.com/maxzz/red3-curves

WIP. Examination of the curves D3
https://github.com/maxzz/red3-curves

Last synced: 11 months ago
JSON representation

WIP. Examination of the curves D3

• Host: GitHub
• URL: https://github.com/maxzz/red3-curves
• Owner: maxzz
• Created: 2021-08-08T03:24:57.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-06T09:13:52.000Z (over 3 years ago)
• Last Synced: 2025-01-08T21:20:17.526Z (12 months ago)
• Language: TypeScript
• Homepage: https://maxzz.github.io/red3-curves
• Size: 2.92 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#### About

D3 curves playground.

![](src/assets/previews/2021-08-18_3-57-11.png)

#### Lighthouse report statistics:

![](src/assets/previews/../acc-score-2021-08-18_23-45-47.png)

#### Road map

    [ ] Editor

        [x] Store / retrieve state in localStorage

        [x] Select / deselect all checkeboxes at once

        [x] Add information about point locations

        [x] Add information about the current curve

            [x] Delay changing tooltips between lines

        [ ] TODO: Why SVG does not smooth on path control points on checkboxes?

        [ ] TODO: Find how to set fill on embedded SVG.

        [ ] BUG: In Chrome DevTools with dimentions responsive pointer events move points to negative coordinates.

        [x] When loading points, make sure the coordinates are inside SVG boundary.

        [ ] Controls poins

            [x] Allow drag points

            [x] Add / delete points

            [ ] Deduce drag events

            [x] Add point numbers

            [x] Add buttons +/- to modify number of points

            [x] Add disabled state for +/- buttons

            [x] Position buttons menu over SVG extra menu

            [ ] Add italic font for inactive buttons

            [ ] Define stroke and shadow colors

        [ ] TODO: Why jotai does not provide prev value access in update atom function?

        [ ] Add colors schema.

#### Links, references, credits

[D3 - Data-Driven Documents](https://github.com/d3/d3/wiki)