Dishonest Bar Chart

100%

Dishonest Bar Chart

✓ Published1🌍 Public

Last edited Nov 14, 2020

Created on Nov 14, 2020

This horizontal bar chart compares the populations of the top ten most populous countries, using a non-zero baseline to exaggerate differences between values. The visualization is rendered as SVG with D3 v5, using `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with data loaded from a CSV file via `d3.csv`. The example intentionally demonstrates a misleading charting practice, as noted in its README, with population figures from the United Nations’ 2017 World Population Prospects. Axes and tick labels are styled with custom CSS classes.

AI-generated description

This bar charts does not use a zero baseline. It's an example of how not to use area.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dishonest Bar Chart

This bar chart displays the populations of the top 10 most populous countries, but it uses a non-zero baseline, making the differences between countries appear exaggerated. The chart ranks the countries along the y-axis using a d3.scaleBand, while the x-axis uses a d3.scaleLinear that starts at the minimum population value rather than zero, misleadingly emphasizing proportional differences. Data comes from the 2018 United Nations World Population Prospects, imported via d3.csv. The visualization is built with D3 v5, rendering SVG rects, axes via d3.axisLeft and d3.axisBottom, and custom tick formatting with d3.format.

RRdk0

96% match

Loading thumbnail…

Dishonest Bar Chart

A dishonest bar chart displays the top 10 most populous countries using a non-zero baseline, exaggerating differences in population. The visualization uses D3’s `scaleLinear` and `scaleBand` to map population values and country names, with bars rendered as SVG rectangles. Data is loaded from a CSV file containing 2018 UN population estimates, and the chart deliberately omits the zero baseline to mislead viewers.

CCurran Kelleher

95% match

Loading thumbnail…

Dishonest Bar Chart

This bar chart displays the population of the top 10 most populous countries from a 2018 United Nations estimate, but intentionally omits a zero baseline to exaggerate differences between bars. The visualization loads population data from a CSV file and uses d3.csv to parse it, then renders steelblue rectangles with d3.scaleLinear and d3.scaleBand. The x-axis uses d3.axisBottom with a custom tick formatter that abbreviates numbers, while the y-axis labels are drawn without tick lines. The chart updates after a three-second delay and randomly filters data points, creating a deliberately misleading comparison.

AAltxis

94% match

Loading thumbnail…

Dishonest Bar Chart

This visualization presents a stacked bar chart of the top 10 most populous countries using 2018 United Nations population estimates. Each bar is divided into three colored segments—red, yellow, and orange—representing quarter, third, and remainder population portions. The chart uses d3.stack to generate the stacked series, d3.scaleBand for the categorical country axis, and d3.scaleLinear for the population scale. Country names appear on the left y-axis, while population values are formatted with abbreviated labels along the bottom x-axis.

JJimMaltby

91% match

Loading thumbnail…

bar chart

A horizontal bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for labeled ticks. Population values are loaded from a CSV file, multiplied by 1000, and formatted with abbreviations like “B” for billions.

Ttkreglhn

87% match

Loading thumbnail…

bar chart

This horizontal bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. Using D3 v5, it employs `scaleLinear` and `scaleBand` to map population values and country names, respectively, while `axisBottom` and `axisLeft` generate the labeled axes. The SVG bars are colored steelblue via CSS, with tick formatting converting numbers to abbreviated units like “B” for billions. Data is loaded from a CSV file using D3’s `csv` parser.

Ttkreglhn

87% match

Loading thumbnail…

bar chart

This horizontal 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 loads data from a CSV file using `d3.csv`, then renders SVG bars with `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values. Axis labels and tick formatting use `d3.axisLeft`, `d3.axisBottom`, and `d3.format` to abbreviate population numbers in billions. The chart includes a title, axis label, and custom margins.

Ttkreglhn

87% match

Loading thumbnail…

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.js v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis to position bars. The code implements axes with `axisLeft` and `axisBottom`, and loads data from a CSV file via `d3.csv`. Rectangles are appended to an SVG group using a margin convention, with populations converted from thousands to absolute numbers.

Mmargaretgoode

87% match