ntech9613

@ntech9613·3 public vizzes

Choropleth map

A choropleth map colors world countries according to their economic classification, with a color legend that filters and highlights selected categories. Users can click legend entries to dim non-matching countries and intensify the selected region. Built with D3.js, the visualization uses `d3.geoNaturalEarth1` and `d3.geoPath` to project TopoJSON data from the world-atlas package, while `d3.scaleOrdinal` with `d3.schemeSpectral` assigns colors. Interactive zoom via `d3.zoom` and SVG rendering provide the map interface.

May 6, 2020

Loading thumbnail…

fyfyffyfyfyfyfyf

This bar chart displays the top 10 most populous countries in 2018, with population values read from a local CSV file and scaled via `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. The chart uses D3 v5 to render SVG rectangles, with custom axes created through `d3.axisLeft` and `d3.axisBottom`. Tick labels are formatted using `d3.format` to abbreviate large numbers, and grid lines are drawn with negative tick sizes. A title and axis label are added as text elements, and the data source is the 2017 United Nations World Population Prospects.

May 6, 2020

Loading thumbnail…

circles on the map

This visualization displays a world map with countries colored green or red based on data from a CSV file, indicating a binary attribute for the year 2020. The map uses the D3.js library with a `d3.geoNaturalEarth1` projection and `d3.geoPath` to render geographic features. TopoJSON data from the visionscarto-world-atlas is merged with the CSV data, and an SVG path is generated for each country. Zoom functionality is enabled via `d3.zoom`.

May 6, 2020