Skip to main content
SimilarExport ZIP
100%

Fork of Fork of React & D3 Vibecoding Starter

✓ Published0🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025

This interactive line chart shows the change in a value across New York counties from 2012 to 2015. Users can click on a line or legend item to highlight a specific county and dim the others. Built with React and D3 v7, the visualization loads data from a CSV and uses a monotone cubic curve, a linear y-scale, and a legend to display all counties at once.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

A dashboard displays the top 25 New York counties by value for a selected year, shown as horizontal dot plot bars. Users switch between 2012–2015 data via clickable year buttons, and clicking a dot highlights that county. The React app uses D3 v7’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the chart, while a `ResizeObserver` tracks container dimensions. Data loads from a CSV file and updates reactively through `useEffect` hooks.

NNita
92% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This interactive bar chart displays the number of community solar sites operated by different providers in New York, based on a local CSV dataset. It uses React with D3 v7 to render the visualization, leveraging the `join()` API for SVG element creation. The chart features horizontal axis labels, count labels on bars, and interactive click behavior that highlights a selected provider and displays their website and sample locations in an info panel.

NNita
83% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This bar chart displays the frequency of letters from a CSV data source, with bars that can be clicked to highlight or dim selections. The visualization uses React 19 to manage state and render the UI, while D3 v7 handles the SVG rendering, scales, axes, and bar elements. The chart includes interactive features such as hover effects and click-to-select, with smooth CSS transitions on bar fill and opacity. Data loading uses D3's `csv` parser, and the SVG is drawn with responsive dimensions tracked via a `ResizeObserver`.

NNita
83% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This bar chart displays the frequency of letters from a CSV data source, with bars that can be clicked to highlight or dim selections. The visualization uses React 19 to manage state and render the UI, while D3 v7 handles the SVG rendering, scales, axes, and bar elements. The chart includes interactive features such as hover effects and click-to-select, with smooth CSS transitions on bar fill and opacity. Data loading uses D3's `csv` parser, and the SVG is drawn with responsive dimensions tracked via a `ResizeObserver`.

NNita
83% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

A fork of the React & D3 v7 vibecoding starter shows a bar chart of the letter-to-count mapping in a CSV. It loads the data via D3's `csv`, renders bars, axes, and a title using React state and a `ResizeObserver` to size the SVG. Clicking a bar toggles its selection, highlighting it with a darker fill and dimming others.

Nnishanththouta16@gmail.com
82% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

A bar chart showing the frequency of letters in a dataset, rendered with React and D3 v7. The visualization displays interactive bars that respond to clicks, highlighting the selected category while dimming others. The code combines React's `useState` hook for state management with D3's `scaleBand`, `scaleLinear`, and axis components, using a `ResizeObserver` to handle responsive resizing. Data loads from a local CSV file, and bars apply transitions on hover and selection.

CCurran Kelleher
81% match
Loading thumbnail…

Fork of D3 STARTER

This visualization displays New York State county population data as a horizontal bar chart, with county names as labels and bar lengths scaled proportionally to population. Built with D3 v7 and the d3-selection-multi plugin, it loads CSV data via `d3.csv`, sorts values in descending order, and renders SVG rectangles and text elements using `join()` operations. The bars feature hover states that change color and a tooltip area that appears on mouseover, though the tooltip text contains placeholder variables rather than actual data values.

Llupica.matthew@gmail.com
81% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This is an interactive bar chart that visualizes the frequency of letters in a dataset loaded from a local CSV file. The chart uses SVG bars with rounded corners and a color gradient, where clicking a bar toggles a selected state that highlights the bar and dims others. Built with React and D3 v7, it uses `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to create the scales and axes, with a `ResizeObserver` in a custom `useDimensions` hook to make the visualization responsive.

Aankitgoudpoodhari07@gmail.com
81% match