amit0623

@amit0623·3 public vizzes

Make a World Map with D3

This example shows a world map colored by economy type using a categorical color scale, with hover highlighting and zoom/pan interaction. The map uses D3 v5 with `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering, and TopoJSON from the world-atlas dataset. Country boundaries are drawn as SVG paths, colored via `d3.scaleOrdinal` with `schemeCategory10`, and tooltips appear on hover. The data comes from a TSV file mapping ISO country codes to names and economies.

Feb 22, 2020

Loading thumbnail…

Customizing the Axes

This example displays a bar chart of the top 10 most populous countries in 2018, based on United Nations data. It shows how to customize D3 axes using d3-axis. The code uses d3.scaleBand and d3.scaleLinear to map country names and population values, d3.axisLeft and d3.axisBottom for the axes, and a custom tick format via d3.format to abbreviate large numbers. The axes have tick lines removed and grid lines added.

Feb 18, 2020

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries using 2018 United Nations estimates. The code loads the data with `d3.csv`, converts population values to thousands, and renders SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. It customizes the axes using `d3.axisLeft` and `d3.axisBottom`, which are appended to an SVG group with explicit margins. The bars are styled in steelblue via the linked stylesheet.

Feb 18, 2020