Fork of Making a Bar Chart

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.csv` to load the data and `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` for the axes. Population values are formatted with `d3.format`, and custom axis labels and gridlines highlight the data.

CCrossZeigler

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering, employing `scaleLinear`, `scaleBand`, and `axisBottom` to create the chart and format tick labels. The code also demonstrates axis customization by removing domain lines and adding custom labels. Population data is loaded from a CSV file and scaled for display.

NNaghub-coder

Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, with axes customized by removing domain lines and formatting tick labels. Population values are multiplied by 1,000 and drawn as steelblue rectangles, while titles and axis labels are added as SVG text elements.

PPriyansh Ramnani

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries in 2018, using population estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with data loaded from a CSV file. The chart features a custom tick formatter that converts large numbers to abbreviated units and includes axis labels and a title. The `svg` elements are rendered with a `steelblue` fill, demonstrating a basic D3 bar chart with customized axes and styling.

Ssohum42

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The chart renders as SVG, with bars colored steelblue and a title, axis labels, and gridlines produced using D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. The y-axis shows country names without ticks, and the x-axis uses a custom tick format that abbreviates large numbers with 'B' for billions.

Hhuizrh

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization is rendered as an SVG using D3 v5, with a linear scale for the population axis and a band scale for country names. It demonstrates custom axis formatting, converting values to billions, and removes default axis lines. Data is loaded from a CSV file and processed before rendering.

Aanummunirmughal

Fork of Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. It shows how D3 v5 axes can be customized to improve readability of the value labels. The SVG rendering uses d3.csv to load data and d3.scaleBand with d3.scaleLinear for positioning, while d3.axisBottom creates the x-axis. The page also includes a separate SVG element demonstrating a circle update pattern with d3.select and .join.

Jjohncoder21

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The d3.v5 code loads data from a CSV and uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG visualization. The y-axis labels show country names while the x-axis formats tick values with a custom `format('.3s')` function that replaces "G" with "B". The chart also includes a title, axis label, and gridlines.

HHaHaFi