Skip to main content
SimilarExport ZIP
100%

Fork of Fork of A8 -D3 Node Link (Force Direct Layout)

✓ Published0🌍 Public
Yyashaswisanjanaaerra@my.unt.edu
Last edited Mar 25, 2025
Created on Mar 25, 2025

This D3.js (v7) scatter plot visualizes English Premier League player salaries, comparing each player's name along the y-axis against their salary in pounds on the x-axis. The data, loaded from a CSV file hosted on GitHub, is processed by stripping currency symbols and converting million units before being mapped to a linear scale for salary and a band scale for player names. The chart uses SVG circles for data points, with a hover tooltip displaying the player's name and exact salary. Axis labels and a title provide context for the visualization.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

bar chart

This bar chart visualizes English Premier League player salaries, showing each player’s annual earnings in pounds as horizontal bars sorted along the y-axis. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for categorical player names. It loads CSV data from a GitHub gist, formats salary values from text to numeric, and adds interactive tooltips on mouseover using D3 event handlers. Gridlines and axis labels provide additional context for comparing salary magnitudes.

Yyashaswisanjanaaerra@my.unt.edu
82% match
Loading thumbnail…

Fork of Fork of Fork of chart 4

A horizontal bar chart displays the weekly wages of twelve football clubs, sorted from highest to lowest. Each bar’s length encodes the Wage value, and a sequential plasma color scale encodes the same metric, with darker hues indicating higher wages. The visualization is rendered as SVG using D3 v7, with data embedded directly in the page. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Ssriharshithaanugu5@gmail.com
78% 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
75% match
Loading thumbnail…

Fork of Circles with D3

This visualization presents salary data as a heatmap, using color intensity on a linear scale from light gray to blue to represent salary amounts in US dollars across job titles and company sizes. The SVG chart employs D3 v7 with `scaleBand` for the categorical axes and `scaleLinear` for the color mapping. Hovering over individual rectangles triggers a tooltip displaying the exact salary value, while a legend with axis ticks and color rectangles provides a visual reference for the salary scale.

MMonish Galla
75% 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
75% match
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
75% 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
74% match
Loading thumbnail…

Fork of Scatter Plot With Menus

This scatter plot visualizes top football league scorers, allowing users to compare different metrics like goals, shots, and expected goals across several seasons. It uses D3.js with interactive dropdown menus to select the x-axis, y-axis, and year for the displayed data, while points are colored by league. A color legend enables filtering by league via click, and hovering over points reveals player names. The visualization also features responsive axes and a clean inner plot background, all implemented with D3’s scale functions and SVG rendering.

Eeschuman20@gmail.com
74% match