Dishonest Bar Chart

100%

Dishonest Bar Chart

✓ Published0🌍 Public

Last edited Apr 26, 2020

Created on Apr 26, 2020

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.

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

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.

JJimMaltby

94% 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

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

92% 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 renders each country as a single steelblue rectangle on an SVG canvas. Built with D3 v5, the code loads data from a CSV file and uses the `d3.scaleBand` and `d3.scaleLinear` APIs to map country names to the x-axis and population values to the y-axis, respectively. The chart is minimal, with no axes or labels, focusing solely on the relative bar heights.

AAlain Jennotte

88% match

Loading thumbnail…

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 visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Axes are customized with tick formatting that converts values to billions (e.g., replacing "G" with "B") and removed domain lines. Population data is loaded from a CSV file and multiplied by 1000.

Ccocktaildata

88% match

Loading thumbnail…

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.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, d3.axisBottom, and d3.format to render an SVG with labeled axes and a title. A custom tick formatter converts large numbers into abbreviated units, such as billions, while the y-axis labels are cleaned of extra lines. Data is loaded from a local CSV file and rendered with steel-blue bars.

KKELVIN WAMBUA NZIOKI

88% match

Loading thumbnail…

Bar Charts

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The bars are rendered in SVG with a steelblue fill, while D3’s axis generator provides customized tick labels and lines in muted grays. The chart uses `d3.csv` to load the data and `d3.scaleBand` and `d3.scaleLinear` for positioning and scaling. An axis label and a title are added as text elements, with font sizes and colors styled via CSS.

Tthebeef5

88% match