Fork of Fork of Fork of chart 4

100%

Fork of Fork of Fork of chart 4

✓ Published1🌍 Public

Last edited Apr 7, 2025

Created on Apr 6, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of chart 3

This chart is a line graph showing the relationship between "Value" and "Wage" from a CSV data file. The line connects data points across a continuous x-axis of Value, with the y-axis representing Wage, starting at zero. Built with D3.js, the visualization uses `d3.scaleLinear` for both axes, with `d3.extent` and `d3.max` setting the domains. The line is rendered as an SVG path using `d3.line`, styled with a brown stroke and two-pixel width. Axis labels are added using SVG text elements.

Ssriharshithaanugu5@gmail.com

80% match

Loading thumbnail…

Fork of Fork of Fork of Fork of chart 5

A horizontal bar chart displays the top 10 nationalities by wage, sorted in descending order, with each bar's length proportional to the wage value and colored using a viridis sequential scale. The chart uses D3 v7 to load a CSV file, scale the data linearly and by band, and animate the bars growing from zero via a transition. Hovering reveals a tooltip, and clicking an alert shows the nationality and wage.

Ssriharshithaanugu5@gmail.com

79% match

Loading thumbnail…

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

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.

Yyashaswisanjanaaerra@my.unt.edu

78% match

Loading thumbnail…

Fork of chart 2

This interactive scatter plot visualizes the relationship between wage and potential ratings, with each circle representing a data point colored by wage value. The visualization includes hover tooltips displaying exact values, click interactions that enlarge points and show details, and buttons to reset the zoom or filter for potential values above 70. The chart uses D3 v7 with d3.scaleLinear for axes, d3.scaleSequential with the Viridis interpolator for colors, and d3.select transitions for smooth animations. Data loads from a CSV file into SVG circles rendered on a white background.

Ssriharshithaanugu5@gmail.com

78% 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

78% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the net worth of the top 8 most valuable football clubs, using data from a CSV file that is loaded and parsed with the `csv` method. The visualization customizes D3 axes by removing domain lines and tick lines from the y-axis, applying a tick format to the x-axis, and adding axis labels. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG elements, with the x-axis showing values in billions.

TTomislav Pezer

78% match

Loading thumbnail…

Fork of Untitled

This bar chart displays the daily earnings of individuals, with each person’s name on the x-axis and their corresponding amount on the y-axis. The visualization uses D3 v6 to load CSV data asynchronously via `d3.csv`, then binds it to SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The chart is rendered as static purple bars within an SVG canvas, with axis labels positioned manually via HTML divs.

VVineela Reddy

77% match

Loading thumbnail…

Fork of Fork of A6-Bar Graph w/ Color

This visualization presents weekly Broadway gross earnings for shows from 1990–1991, initially as a bar chart where bar height encodes gross revenue. Users can switch among eight chart types through a dropdown menu. The code uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for bar positioning, and d3.scaleOrdinal with d3.schemeCategory10 for color coding by show name. Hovering bars triggers a tooltip revealing details.

NNita

76% match