Skip to main content
SimilarExport ZIP
100%

Fork of React & D3 Starter

✓ Published2🌍 Public
Llohithkumar51001@gmail.com
Last edited May 1, 2026
Created on Apr 10, 2026
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of React & D3 Starter

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.

Llohithkumar51001@gmail.com
87% 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
85% match
Loading thumbnail…

Fork of bar plot

A horizontal bar chart displays average wages across countries for 2022, using D3 v7 to load CSV data via `d3.csv` and render SVG elements. The chart encodes numeric values with `d3.scaleLinear` for the x-axis and categorical country names with `d3.scaleBand` for the y-axis. Bars appear in steelblue, turn orange on hover, and axes are formatted with `d3.axisBottom` and `d3.axisLeft`. The data comes from a remote gist URL, and styling is handled through CSS classes.

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

Fork of A4_Bar-chart

This bar chart visualizes average salaries across different job titles using data from a CSV file loaded via D3.js. It displays the distribution of salaries with vertical bars, where hovering over a bar highlights it in orange and shows a tooltip with the exact salary amount. The visualization uses D3 v6's `scaleBand` and `scaleLinear` for positioning, with axes labeled and rotated for readability. The chart is rendered as an SVG element inside an HTML page, with the data fetched from an external GitHub Gist containing job title and salary pairs.

JJorge Melchor
83% match
Loading thumbnail…

Fork of A4_Bar-chart

This bar chart visualizes average salaries by job title, with each bar’s height mapped to the population value from a CSV file loaded via `d3.text`. Built with D3 v6 in a React framework, it uses `d3.scaleBand` and `d3.scaleLinear` to position rectangles, includes interactive tooltips on hover that change bar color, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The SVG output is styled with rotated x-axis labels and a title.

Ppavan vasamsetti
83% match
Loading thumbnail…

Fork of Fork of A4_Bar-chart

This example displays a bar chart of average salaries by job title, with each bar colored steel blue and highlighted orange on hover. It fetches CSV data from a remote gist using `d3.text`, parses it into job title and salary pairs, and renders the chart as SVG via D3 v6. The visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and includes a tooltip div that appears on mouseover showing the job title and formatted salary.

Ppavan vasamsetti
83% match
Loading thumbnail…

Fork of A4_Bar-chart

This bar chart displays average salaries by job title, with a tooltip showing the exact salary on hover. The visualization uses D3 v6 to fetch a CSV file from a GitHub repository, parse the data, and render an SVG with scaled bars and axes. The code leverages `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with mouseover events that change bar color and reveal a tooltip displaying the job title and salary. The chart includes rotated x-axis labels and axis titles for clarity.

Ppavan vasamsetti
83% 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
83% match