Fork of Fork of Fork of Fork of chart 5

100%

Fork of Fork of Fork of Fork of chart 5

✓ Published1🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

Forked from Fork of Fork of Fork of chart 4

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.

AI-generated description

MIT Licensed

Similar vizzes

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

81% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This visualization displays the top 10 most populous countries as a horizontal bar chart using SVG rendering. It loads population data from a CSV file via `d3.csv`, scales the values with `d3.scaleLinear` and `d3.scaleBand`, and formats axis ticks with `d3.format`. The chart uses `d3.axisLeft` and `d3.axisBottom` for axes, with custom labels and a steelblue fill for bars.

0057SatvikDamera

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

79% match

Loading thumbnail…

Fork of Tutorial 1

This is a horizontal bar chart showing the populations of the top 10 countries in the year 2000. Built with D3 v7, the visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The bars are rendered as SVGs using `d3.axisBottom`, `d3.axisLeft`, and `d3.selectAll` to draw rectangles. Data is loaded asynchronously via `d3.csv` from a remote GitHub repository.

Pperamranji

79% match

Loading thumbnail…

Fork of Fork of Fork of Barchart with D3.js

A horizontal bar chart displays the population of ten countries from a CSV file, with orange bars sized proportionally to population values. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to render axes, while loading data via `d3.csv`. SVG elements are manipulated through selections, with margins and tick formatting customized in the code.

Wwieswies

79% match

Loading thumbnail…

Fork of Fork of Bar Chart

This horizontal bar chart visualizes the top 10 countries by population, using a steelblue SVG canvas. The chart maps country names to the y-axis with a band scale and population to a linear x-axis. Rendered using D3 v6, the code loads data from a CSV file and applies `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot. Rectangles are appended to the SVG group, with their widths and positions derived from the scaled data values.

Sshikharpa

79% match

Loading thumbnail…

Fork of Fork of Barchart with D3.js

This visualization displays the population of the top 10 most populous countries as horizontal bars, sorted by descending value. It uses D3 v5 with SVG rendering, loading data from a CSV file and scaling populations (normalized by thousands) via `scaleLinear` and `scaleBand`. Axes are generated with `axisBottom` and `axisLeft`, with the y-axis stripped of its domain line and ticks. The code formats tick labels using D3's `format` function, converting billions to ‘B’ suffix.

Wwieswies

79% match

Loading thumbnail…

Fork of Let's make a bar chart with D3.js!

This horizontal bar chart displays the populations of the top ten most populous countries, using a D3.js v5 SVG rendering. Data from a CSV file is loaded and scaled linearly for the x-axis and as a banded scale for the y-axis. The code demonstrates fundamental DOM manipulation by appending rectangles and text elements, with axes and labels formatted using D3’s `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and `format` utilities.

DDomen Hribernik

79% match