Skip to main content
SimilarExport ZIP
100%

data

✓ Published0🌍 Public
AAllInclusive
Last edited Jan 9, 2020
Created on Jan 9, 2020
Forked from data

The visualization displays the annual number of data points from 1880 to 2015 as horizontal bars, with the x-axis representing the year and the y-axis showing the categorical years. It uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom to render the axes. The bars are appended as SVG rect elements with their widths proportional to the year values. The data is loaded from a CSV file using d3.csv.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

data

This example shows a horizontal bar chart of population values over time, with each year displaying two bars representing different data points. The chart uses D3 v5’s `scaleLinear` and `scaleBand` to map population counts and years, with SVG rectangles drawn via `selectAll('rect')`. Data is loaded from a CSV file using `d3.csv` and multiplied by 1000 for display, with axes rendered using `axisLeft` and `axisBottom`.

AAllInclusive
84% match
Loading thumbnail…

Simple d3.js bar chart

This simple d3.js bar chart displays monthly values over a two-year period, with each bar representing a data point from a CSV file. The visualization uses d3.scale.ordinal and d3.scale.linear to map categorical dates and quantitative values, respectively, to pixel positions. Axes are rendered with d3.svg.axis, while the bars themselves are drawn as SVG rectangles with a steelblue fill. The chart includes a navigation interface with circular arrow buttons and a detail area, though the interaction logic is incomplete. Data comes from the external file bar-data.csv, and the visualization is built using the D3 version 3.5.17 library.

PPatrick Wojda
79% 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
79% match
Loading thumbnail…

My work

This visualization displays the running total of something measured annually from 1949 to 2019, with data loaded from a CSV file. The chart appears to be a bar chart, with each year mapped to a bar whose height reflects the cumulative total. The code uses D3 v5 methods including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart. Although axis labels and a title are defined, the rendering logic is incomplete, as the data is only logged to the console.

Aayushcha
79% match
Loading thumbnail…

Bar Chart

This bar chart displays yearly counts from a CSV dataset, with steel-blue rectangles representing each year’s value. The visualization uses D3 v5 to load and parse the data, then applies `scaleLinear` for the horizontal axis and `scaleBand` for vertical positioning. SVG elements are appended directly to the chart, with axes omitted from the final rendering. The bars scale in width according to the year values while maintaining equal heights for each band.

EErik Rudhe
79% match
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
78% match
Loading thumbnail…

Let's make a bar chart!

This example shows the cumulative number of events by year from 1949 to 2019, using a bar chart that grows in height as the running total increases. The visualization loads CSV data and renders it as SVG rectangles, using D3 v5 scales (`d3.scaleLinear`, `d3.scaleBand`) and axes (`d3.axisBottom`, `d3.axisLeft`). The bars are colored steelblue and positioned via the scale’s range band, with the chart drawn inside an `<svg>` element using a margin convention.

Sswathijay
78% match
Loading thumbnail…

Document

Six years of monthly data (2009–2014) appear as animated bar charts, with bars growing from the bottom and recolored by a quantile scale as the user drags a year slider. The visualization loads six CSV files asynchronously via `d3.queue`, then uses `d3.transition` for a two-second animated update of bar heights and axis. A range input triggers `draw()` on change, while `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleQuantile` handle positioning, scaling, and color mapping. The SVG rendering relies on `d3.axisLeft`, `d3.axisBottom`, and `.attr` transitions.

CChase Hall
78% match