Skip to main content
SimilarExport ZIP
100%

map.

✓ Published0🌍 Public
AAnidiamDEV
Last edited Jul 5, 2022
Created on Jun 6, 2022

A choropleth map of Colombia displays the total number of murdered social leaders from 2016 to 2020, with each department colored by death counts using d3.scaleThreshold and the schemeOrRd color scale. Users can click a department to view its fatality total for a selected year from a list, or hover to see the count on the side panel. The visualization uses d3.geoPath and geoMercator to render the TopoJSON map, with data from a CSV file and a JSON containing yearly regional death statistics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Colombia Map ICE8

This example displays a choropleth map of Colombia, with each department rendered as a green SVG path with black borders. The visualization uses a geoMercator projection to center and scale the country within a 600 by 500 pixel canvas. The code loads GeoJSON data from a remote GitHub gist using `d3.json`, then applies `d3.geoPath` with the projection to generate the map shapes. The implementation combines React 16.9 for the layout and D3 v5 for geographic rendering within an SVG container.

Bbmurill2019
74% match
Loading thumbnail…

GeoJson map of Colombia

This interactive map of Colombia uses D3.js v4 to visualize GeoJSON data of the country's departments and municipalities. Each province is color-coded based on the length of its English name, with a choropleth-style encoding. Users can hover over a province to apply dynamic text effects and trigger a random font change, while clicking a province zooms in for a closer look; clicking elsewhere zooms back out. The map is rendered with SVG and includes smooth transitions for the zoom interactions, all built from GeoJSON data converted from Colombian shapefiles.

663anp3ca
72% match
Loading thumbnail…

GeoJson map of Colombia

This interactive map of Colombia uses D3.js to render GeoJSON data as an SVG. Each department is color-coded by the length of its English name, and hovering over a province triggers a random font change with text effects, while clicking zooms in and out of regions. The map is built from Colombian shapefiles converted to GeoJSON and supports smooth animated transitions.

AAndresAnayaIsaza
71% match
Loading thumbnail…

GeoJson map of Colombia

This interactive map of Colombia, built with D3.js and GeoJSON, color-codes each department according to the length of its English name. Hovering highlights regions with animated text effects, and clicking a department triggers a smooth zoom-in, while clicking elsewhere zooms back out. The visualization also adds a playful touch by randomly switching fonts whenever you hover over a different department. The map renders with SVG paths and includes subtle transitions for an engaging exploration of Colombian geography.

GGerardoFurtado
70% match
Loading thumbnail…

GeoJson map of Colombia

This map of Colombia uses D3.js and GeoJSON to display province boundaries, with each province color-coded by the length of its English name. The visualization includes interactive features: hovering over a province triggers a text effect and randomly selects a new font for the label, while clicking a province zooms in for a closer view, and clicking elsewhere zooms back out. The map is rendered using SVG and supports smooth animated transitions. The GeoJSON data was derived from Colombian shapefiles converted with ogr2ogr.

GGerardoFurtado
70% match
Loading thumbnail…

VA-Map-GP

This interactive map visualizes the geographic distribution of demobilized individuals across Colombian departments from 2003 to 2015. The visualization encodes the number of demobilizations per department using a choropleth map, where color intensity represents the count. The map animates over time, cycling through years to show changes in the numbers across departments. Tooltips provide exact values on hover, and the color scale helps quickly identify high- and low-concentration regions, highlighting temporal and spatial patterns of demobilization in Colombia.

663anp3ca
68% match
Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map visualizes COVID-19 cases per department in Argentina, using a logarithmic color scale from light beige to deep purple. The map is rendered with SVG paths via d3.geoPath, using a d3.geoTransverseMercator projection, and supports zooming through d3.zoom. It loads TopoJSON data from a GitHub repository, displays hover tooltips with department and case details, and includes a gradient legend and logarithmic axis. The code uses d3-scale, d3-geo-projection.v2, and topojson, with d3.queue for data loading.

PPablo Godoy
67% match
Loading thumbnail…

46) Choropleth Map

This interactive visualization displays global migrant deaths and missing persons using a natural Earth projection map overlaid with proportional circles, sized by the square-root scale of the "Total Dead and Missing" count. A linked time-series histogram below uses d3.brush to filter the map by reported date. The map renders world land and interior boundaries via d3.geoPath and topojson mesh, while the histogram aggregates monthly sums using d3.histogram and scaleTime. Data comes from an external CSV of migrant incidents.

Llefat92
67% match