Fork of Making a Bar Chart1

100%

Fork of Making a Bar Chart1

✓ Published0🌍 Public

Last edited Feb 26, 2021

Created on Feb 26, 2021

This bubble chart displays the relationship between the number of followers and followees for a sample of Twitter users, scaled from a dataset of user profiles. It shows each user as a circle, with the x-axis representing followers on a logarithmic scale and the y-axis listing user IDs. The radius of each bubble encodes the user’s fan count using a square-root scale. The visualization is rendered as an SVG using D3 v5, with axes and circles positioned via `d3.scaleLog`, `d3.scaleSqrt`, and `d3.scaleBand`.

AI-generated description

This bar chart shows population of 10 most populos countris.The data comes from the year 2018 estimate in United Nations:World Population Prospects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Making a Bar Chart

A fork of "Making a Bar Chart" visualizes the 2018 population estimates for the top ten most populous countries, using a horizontal bar chart with a linear x-axis and a banded y-axis. The D3 v5 code loads data from a CSV file and applies custom axis formatting, converting large numbers to abbreviated labels. It uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with the rendering output as SVG.

Jjuanmy400

73% match

Loading thumbnail…

Making a bar chart

A horizontal bar chart ranks social media platforms by user count, using Font Awesome icons instead of text labels for each bar's category. The visualization loads data from a CSV file and renders SVG rectangles with D3 v5's `scaleLinear`, `scaleBand`, `csv`, `axisLeft`, and `max`. The bars are filled with a red color, while the y-axis displays the platform names. The chart includes margins and uses a linear scale for the quantitative user values, with the x-axis hidden in the final output.

BbeauMarko

73% match

Loading thumbnail…

Fork of Making a Bar Chart

D3.csv loads country population data (in thousands) to create a horizontal bar chart for the top ten most populous countries. D3 scaleBand positions country categories along the y-axis, while d3.scaleLinear maps population counts to bar widths on the x-axis. The chart renders as an SVG with axisBottom and axisLeft, using a custom tick formatter to abbreviate large numbers. No interaction is included; a static red border frames the visualization.

EElouafi87

72% match

Loading thumbnail…

Fork of Making A Bar Chart

This example displays a horizontal bar chart of population figures for the ten most populous countries, with each bar’s length proportional to its population value. The visualization uses D3 v7’s `scaleLinear` and `scaleBand` to map the data, and renders the chart as SVG elements created with `selectAll` and `enter()`. Population values are loaded from a CSV file and multiplied by 1000, with axes generated using `axisLeft` and `axisBottom`.

FFahad Bin Emran

72% match

Loading thumbnail…

Fork of Making a Bar Chart

This chart shows the marks of 10 students as individual bars. The bar lengths encode the mark values, while the vertical positions correspond to each student’s ID. The visualization uses d3’s `scaleBand` and `scaleLinear` to map student IDs and marks to SVG pixel coordinates. The data is loaded from a CSV file using d3’s `csv` function, and the marks are parsed to numbers before rendering. Each bar is drawn as a `rect` element, with the bar’s height derived from `yscale.bandwidth`.

TtreasurehunterAP

72% match

Loading thumbnail…

Fork of Making a Bar Chart1

This example shows the population of the ten most populous countries in 2018, using circles to represent each country’s total population. The data comes from the United Nations World Population Prospects 2017. The chart is rendered as an SVG using D3 v5, with linear scaling for population values and band scaling for country names. The code employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the visualization, and loads the data from a CSV file.

Mmorjyooo

71% match

Loading thumbnail…

Fork of Making A Bar Chart

This example presents a horizontal bar chart of country populations, with the countries listed in descending order of population. The visualization uses D3 v7, loading data from a CSV file and rendering it as SVG graphics. It employs the `scaleLinear` and `scaleBand` scales to map population values and country names to the plotting area, with `axisLeft` and `axisBottom` generating the corresponding axes.

RRashidi

71% match

Loading thumbnail…

Fork of Making a bar chart

This horizontal bar chart displays population figures for ten countries, using data from a CSV file with populations scaled by a factor of one thousand. The visualization relies on D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with SVG rectangles representing each country’s value. Axes are generated via `axisBottom` and `axisLeft`, while tick labels are formatted using `format` to abbreviate numbers, and gridlines are styled through CSS. The chart includes custom axis titles and a chart title, all rendered as SVG elements.

Llinyyyyyyyyy

71% match