Skip to main content
SimilarExport ZIP
100%

Dishonest Bar Chart

✓ Published0🌍 Public
JJimMaltby
Last edited Nov 14, 2020
Created on Nov 14, 2020

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.

AI-generated description

This is to play with a simple bar chart to develop. From C.Kelleher Dishonest Bar Chart

bar chart shows population of the top 10 most populous countries. data from the year 2018 estimate in United Nations: World Population Prospects 2017.

We adapt the data here to provide a stack from the 1/4, 1/3 and the remainder of the population. Using the great tutorial: http://using-d3js.com/05_06_stacks.html

MIT Licensed

Similar vizzes

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
92% 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
91% 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
91% 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
91% match
Loading thumbnail…

Bar Charts

This bar chart visualizes the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. The chart displays population counts per country with a horizontal bar layout, using a linear scale for the x-axis and a band scale for the y-axis to position country names. The visualization is rendered as SVG using D3 v5, with custom axis formatting that abbreviates population numbers and uses scaleLinear, scaleBand, axisLeft, and axisBottom APIs. The code also demonstrates axis customization by removing domain lines and adding axis labels and a title.

Eexcalibur1987
87% 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
87% match
Loading thumbnail…

Bar Chart 8/1

A horizontal bar chart displays the population of the ten most populous countries from 2018 United Nations estimates, ordered by country name. The chart uses d3.scaleBand for the y-axis categories, d3.scaleLinear for the x-axis population values, and d3.axisLeft for ticks. Population values are loaded from a CSV file and multiplied by 1,000. The SVG rendering includes steelblue rectangles with heights set by the bandwidth, demonstrating customized D3 axes.

Jjohncoder21
87% match
Loading thumbnail…

Bar Chart

This bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. It leverages D3 v5's scaleBand for the categorical y-axis and scaleLinear for the population x-axis, with axisLeft and axisBottom generating the axes. The SVG rendering uses formatted tick labels that convert billions to 'B'. The horizontal bars are colored teal, and the chart includes axis labels for 'Population' and a title 'Populated Countries'.

Aaruba-haroon
87% match