Skip to main content
SimilarExport ZIP
100%

Fork of Fork of React & D3 Starter

✓ Published2🌍 Public
Llohithkumar51001@gmail.com
Last edited Apr 10, 2026
Created on Apr 10, 2026

A line chart shows average annual salary from 2015 to 2035, with a monotone-smoothed trend line and circular markers. Tooltips reveal exact year and salary values on hover. The visualization loads a CSV (or TSV) via `d3.text` and parses it with `d3.csvParse` or `d3.tsvParse`, aggregates records into yearly means using `d3.rollup` and `d3.mean`, and renders axes, grid, and labels through `d3.axisLeft` and `d3.axisBottom`, with `d3.scaleLinear` and `d3.line` for positioning and path generation.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of React & D3 Starter

A bar chart displays average salary by country, parsed from a GitHub Gist CSV or TSV file via `d3.text` and `d3.csvParse` or `d3.tsvParse`. It aggregates data with `d3.rollup` and `d3.mean`, then sorts countries using `d3.descending`. The visualization uses D3 v7 scales (`d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`), axes, and SVG rectangles. Interactive tooltips appear on `mousemove`, while a separate HTML legend is built with D3 selections.

Llohithkumar51001@gmail.com
87% match
Loading thumbnail…

Fork of Fork of Fork of React & D3 Starter

This interactive scatter plot visualizes the relationship between salary (in USD) and AI risk score for various job titles, with each point colored by job category based on data loaded from a GitHub Gist. It uses d3.csvParse or d3.tsvParse to handle the data, d3.scaleLinear for both axes, d3.scaleOrdinal with combined color schemes, and d3.axisBottom/axisLeft to render gridlines and tick labels. Hovering over a circle triggers a tooltip showing job title, country, salary, and AI risk score, while a legend displays the first twelve job categories.

Llohithkumar51001@gmail.com
82% match
Loading thumbnail…

Fork of Fork of line

This visualization displays Australia's average wage from 2000 to 2022 using a line chart. The line represents the wage trend across years, with data loaded from a CSV file hosted on GitHub. The chart is rendered as an SVG using D3 v6, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with `d3.line` to generate the path. The code also includes axes with tick marks and labels, and includes a React-based version in the index.js file.

Nnagasai.mandalapu@gmail.com
81% match
Loading thumbnail…

Fork of Fork of HTML Starter

A line chart visualizes cost data from 2000 to 2013, plotting expenses against time with a green line. The visualization uses D3 v5 to load CSV data, create time and linear scales, and render axes with custom tick styling. The chart highlights the upward trend in sales, with red axis labels and a bold title, set against a light blue background. The code employs d3.select, d3.csv, d3.scaleTime, d3.scaleLinear, and d3.line to construct the SVG-based chart.

NNandini Maddula
80% match
Loading thumbnail…

Fork of React & D3 Starter

This chart displays monthly sales data from a CSV file as a light-blue area chart with a blue line overlay, using an SVG rendered in D3 v7 within a static HTML page. The x-axis uses a point scale for months, while the y-axis employs a linear scale for sales values. The code constructs the chart with `d3.area` and `d3.line` generators, and configures axes using `d3.axisBottom` and `d3.axisLeft`. It reads the data asynchronously with `d3.csv`, then applies margins and transforms to position the visualization.

Ppvvaishnavi93@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork of React & D3 Starter

A bar chart displays average AI risk scores across job titles, sorted from highest to lowest, with each bar colored distinctly and a custom tooltip showing the exact score on hover. The visualization loads CSV or TSV data from a GitHub gist, parses it, and aggregates scores using `d3.rollup` and `d3.mean`. Rendered as SVG with D3 v7, it uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`axisBottom`, while a separate HTML legend maps job titles to their colors via `d3.schemeTableau10` and other palettes.

Llohithkumar51001@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork of React & D3 Starter

A single-page visualization renders a small area chart of annual sales data from 2018 to 2021 using React and D3 v7. The SVG displays light-blue filled regions beneath a line, with linear scales mapping years to the x-axis and sales to the y-axis, plus bottom and left axes. The D3 code uses `d3.area`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` within a React component that references a DOM node via `useRef`. A separate `index.jsx` demonstrates React and D3 integration with a simple text update.

Ppavanireddy03sai@gmail.com
80% match
Loading thumbnail…

Fork of Rahul

This example shows a bar chart of average salaries by job title, with tooltips displaying each job title and its corresponding salary on hover. The chart is implemented as a React application using D3.js v6, rendering SVG bars that change from steel blue to orange when the user mouses over them. The visualization loads data from a CSV file containing job titles and salaries, then uses `d3.scaleBand` and `d3.scaleLinear` to map the data to bar positions and heights. It also includes rotated axis labels, a chart title, and axis labels for salary and job title.

Mmaheshpolisetty22@gmail.com
79% match