Pianogram visualizes music notes in a beautiful histogram and updates them over music measure bars (time). This is a clone of the wonderful idea by [joeycloud][] providing real-time updates to the music over time (music measure bars).
The project is created using AngularJS and D3.js.
A radar chart visualizes multivariate data in a 2D chart of three or more quantitative variables represented on axes.
The project is created using AngularJS and D3.js.
| function useResponsiveCanvas<T>( | |
| initialSize?: MinMaxPair, | |
| ): State { | |
| const canvasRef = useRef<HTMLCanvasElement>(); | |
| const mountRef = useRef<HTMLDivElement>(); | |
| const [size, setSize] = useState<MinMaxPair>([0, 0]); | |
| // set initial svg and size | |
| useEffect(() => { | |
| const canvas = document.createElement('canvas'); |
Dances with Factors visualizes prime factorization of integers.
The fundamental theorem of arithmetic states that every integer greater than 1 is either prime itself or a product of prime numbers.
The project is created using D3.js.
Main resource: https://basarat.gitbook.io/typescript/
tsconfig.json..js to .ts. Suppress errors using any.any.
A specification for designing unified search APIs and UIs.
![image-inflation][]
Explores inflation by visualizing relative prices in two different years.
Mouseover to view details on relative CPI and prices. Click on a tile to freeze details. 2015 years are highlighted in gold.
The project is created using D3.js.