Skip to main content
SimilarExport ZIP
100%

2010

✓ Published0🌍 Public
Vvaideheeshah13
Last edited Jul 8, 2021
Created on Jul 8, 2021
Forked from Making a Bar Chart

This horizontal bar chart shows the frequency of tornadoes per month in 2010, sourced from a local CSV file. It uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis to position bars. The axes are customized with `axisBottom` and `axisLeft`, including a tick format that abbreviates large numbers, while gridlines and axis labels are manually styled.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of yearly values from 2011 to 2015, with each bar’s length representing a numerical value. The chart uses an SVG rendering with D3 v6, applying `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisLeft` and `axisBottom` to draw the axes. Data is loaded from a CSV file via `d3.csv`, and rectangles are appended to the SVG to form the bars.

Ssumaiyamahin
75% match
Loading thumbnail…

Bar chart TT

This example displays a vertical bar chart of yearly values from a CSV file, using D3 v4 (loaded via both a CDN link and the `d3.v4.js` script). The visualization uses SVG rendering with the `d3.select` and `d3.scaleBand`/`d3.scaleLinear` APIs to map years and values to bar positions, while `d3.axisBottom` and `d3.axisLeft` generate the axes. The bars are drawn as `rect` elements, styled with a class from the provided CSS.

Hhanulik.ondrej@gmail.com
74% match
Loading thumbnail…

First Custom Axis Barchat

This bar chart displays the number of days for each month of the year, using data derived from a custom CSV file. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and custom axes created via `axisBottom` and `axisLeft`. The x-axis tick labels are formatted using `format('.2s')` to condense large numbers, while grid lines are generated with `tickSize`. The chart styles bars with steelblue fill and includes a labeled axis title for months.

AAnne Lee Steele
74% match
Loading thumbnail…

Making a Bar Chart

This example displays a bar chart of the number of files per year, with years on the y-axis and file counts on the x-axis. The visualization uses D3 v5 to load data from a CSV file, scale the values with `d3.scaleLinear` and `scaleBand`, and render SVG rectangles. Axes are drawn using `d3.axisLeft` and `d3.axisBottom`. The chart highlights the fluctuating file counts across years, peaking in 2014 and declining afterward.

TTopoVague
74% match
Loading thumbnail…

Gist ab606e427fd05966a6fc

A grouped bar chart displays monthly event frequencies as percentages from January through December, loaded from a CSV file. The bars are steel blue and turn brown on hover. D3’s ordinal scale with `rangeRoundBands` positions the bars, while a linear scale maps frequency values. SVG rectangles render the bars, and `d3.svg.axis` generates the bottom and left axes with percentage tick labels. The y-axis is labeled “Frequency,” and the chart uses a fixed 960×500 pixel canvas.

QQinita
73% match
Loading thumbnail…

Untitled

A bar chart displays monthly monetary values from 2013-01 through 2014-02, with each bar’s height encoding the value and labeled on the y-axis as "Value ($)." The chart uses an ordinal x-scale with rotated date labels and a linear y-scale, rendered as SVG rectangles. Built with D3 version 3.5, it employs `d3.svg.axis`, `d3.time.format`, and `d3.csv` to load and parse the `bar-data.csv` file. Data points are formatted as monthly timestamps, and axes include tick marks with rotated text for readability.

RRohit-2710
73% match
Loading thumbnail…

A7 - Small Multiples in D3

This example uses small multiples to display the frequency of Atlantic storms from 1995 to 2016, with each chart representing a different storm name. The visualization shows a line chart for each storm, mapping year on the x-axis and frequency on the y-axis, with all charts sharing identical scales for easy comparison. Built with D3 v6, it uses `d3.csv`, `d3.group`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` to parse data, group by storm name, and render SVG paths, axes, and a legend. The color scale uses `d3.schemeCategory10`, and the data comes from an external CSV file linked in the code.

RRiya Mathur
73% match
Loading thumbnail…

Bar chart

This bar chart displays monthly average temperatures, with each month on the vertical axis and temperature values extending horizontally. The chart uses an SVG canvas with pink bars, rendered using D3 version 5. The code employs `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` for ticks, reading data from a CSV file. Months appear in order from January through December, showing a peak in May.

RRichard Wong
73% match