Fork of Making a Bar Chart

100%

Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Aug 14, 2023

Created on Aug 14, 2023

This bar chart shows total committed Brazilian government expenses per year, aggregated from the CSV data by year using d3.nest and d3.rollup. The visualization uses a linear scale for the x-axis, a band scale for categorical year labels, and SVG rectangles. Axes are generated with d3.axisBottom and d3.axisLeft, with tick labels formatted using d3.format to abbreviate large numbers.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays Brazilian public budget expenditures, comparing committed (“Empenhados”) and paid (“Pagos”) values by year. Users can filter the data by fiscal category (“Resultado Primário”) and government function (“Função”) via dropdown menus. The visualization uses D3 v5 with `d3.csv` for data loading, `d3.nest()` for aggregation, and `scaleLinear` and `scaleBand` for axes. Bars are rendered as SVG rectangles, with tooltips on hover and axis labels customized using `axisBottom` and `axisLeft`. Data originates from the provided `orcamentoData.csv` file.

Kkaline

86% match

Loading thumbnail…

Untitled

This stacked bar chart displays categorical spending data from a CSV file, grouping values by year and showing the breakdown of components such as "Função" and "Subfunção" with amounts for "Empenhado" and "Pago". The visualization uses D3 v4’s `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` to render a 460-by-400 pixel SVG, with axes, color-coded segments, and a filter button in the accompanying HTML page.

WWilliam Niemiec

73% match

Loading thumbnail…

Fork of Making a simple bar chart

This example shows a horizontal bar chart of the 25 most populous countries in 2020, with population values in millions. It uses d3.csv to load the data and d3.scaleLinear and d3.scaleBand to map populations and country names to positions, while d3.axisLeft and d3.axisBottom generate the axes. The SVG rendering uses d3-selection to append rect elements sized by the linear scale, with the data pre-multiplied by 1000 before display.

Aaustin-so

72% match

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

72% match

Loading thumbnail…

Simple bar chart with custom axes

A simple bar chart displays the ten most populous countries using population data from a CSV file, with country names on the y-axis and population values on the x-axis. The chart uses custom axes that convert large numbers from the d3.format('.3s') format (such as G for billions) to B for billions, and removes the default axis domain lines. Built with d3.csv, scaleLinear, scaleBand, axisLeft, and axisBottom, the visualization renders red bars in an SVG element with a Roboto Mono font and a title in Portuguese.

RRodolfo Viana

71% match

Loading thumbnail…

Fork of dataset - simple bar chart

This fork of the dataset example displays a horizontal bar chart of the top 20 most-traded stocks on Brazil’s B3 exchange, ranked by trading volume. The visualization uses D3 v5 to load CSV data via `d3.csv` and render SVG bars, with `scaleLinear` and `scaleBand` handling the axes. It applies `axisLeft` and `axisBottom`, formats tick labels with `d3.format`, and removes grid lines for a clean look. The chart title notes “Top 20 maiores volumes,” and the bars are styled with a steelblue fill.

EElMITHOS

71% match

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays population figures for ten countries, with each bar’s length proportional to the population value from a CSV file. The visualization uses D3 v6’s `scaleLinear` for the x-axis, `scaleBand` for categorical y-axis positioning, and SVG `rect` elements for bars. Data is loaded asynchronously via `d3.csv` and multiplied by 1000 before rendering. Axes are generated using `axisLeft` and `axisBottom`, with margins applied through a translated group element.

MMajaha21

70% match

Loading thumbnail…

Fork of Making a Bar Chart

MMajaha21

70% match