skb461

@skb461·3 public vizzes

Fork of Customizing Axes

This visualization displays two horizontal bar charts comparing population values for named countries, with the charts placed side by side for comparison. The bars are rendered as SVG rectangles using D3 v5, with scales from `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The code customizes axes by removing domain lines, adding grid lines via `tickSize`, and formatting tick labels with `d3.format`. Population data is loaded from CSV files using `d3.csv` and multiplied by 1000.

Jan 29, 2022

Loading thumbnail…

Fork of Religions of Largest 20 Countries

This animated stacked bar chart displays the estimated 2010 religious breakdown of the world’s 20 most populous countries, with each bar segmented by religion and colored using a categorical scale. Hovering over a bar reveals a tooltip with the specific religion, country, and population count, while hovering over the legend highlights that religion’s segments across all bars. The visualization uses D3.js (version 3.5.5) with d3-legend and d3-tip, employing a stacked layout computed via `d3.layout.stack` and ordinal scaling for the country axis. Data originates from the Pew Research Global Religious Landscape.

Jan 25, 2022

Loading thumbnail…

Fork of Customizing Axes

This example displays a horizontal bar chart of the top 10 most populous countries in 2018, based on United Nations data loaded from a CSV. It shows the population values via bar lengths, with a custom tick format that converts large numbers into abbreviated suffixes like “B” for billions. The visualization builds on a basic bar chart by customizing D3 axes: removing domain lines, adding an axis label, and styling ticks using `d3.axisBottom`, `d3.axisLeft`, and `scaleBand`. It uses D3 v5 with SVG rendering, and the code imports specific modules like `csv` and `scaleLinear`.

Jan 25, 2022