Patrick Feldman

@patfeldman·2 public vizzes

Fork of Fork of Refactored Bar Chart

This example shows the relationship between MoveOut and MoveIn counts for CSS-named-color-coded data, with MoveOut on the x-axis and MoveIn on the y-axis. The visualization uses React state to load and aggregate a CSV dataset, processing it with useData to combine totals by MoveDate. The chart is rendered with SVG, using d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft components, and d3.format for tick labels.

Mar 3, 2021

Loading thumbnail…

Fork of Fork of Refactored Bar Chart

This example visualizes CSS named colors as a scatterplot, showing the number of move-ins per day of the week from a CSV dataset. The chart uses React state to manage data loading and rendering, with D3 v6 functions like `scaleLinear` and `extent` to compute scales and domains. SVG circles render the aggregated data points, while custom React components handle axes and marks. The code includes formatting utilities like `format` and relies on `useEffect` and `useState` hooks for data fetching.

Mar 3, 2021