Dishonest Bar Chart

100%

Dishonest Bar Chart

✓ Published4🌍 Public

Last edited Oct 5, 2018

Created on Sep 13, 2018

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.

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

95% match

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

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

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

83% 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 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are generated with `d3.axisLeft` and `d3.axisBottom`. Rectangles are appended and sized to represent each country’s population in thousands.

Jjacobs-splunk

83% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries from a 2018 United Nations estimate. It uses D3 v5 to load CSV data, scale to a linear x-axis and banded y-axis, and render SVG rectangles for bars. The code specifically leverages `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with population values multiplied by 1000 for display.

DDavid Trye

83% match