VA-Map-GP

100%

✓ Published0🌍 Public

Last edited Oct 24, 2018

Created on Oct 24, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

71% 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

70% 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

68% match

Loading thumbnail…

map.

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.

AAnidiamDEV

68% 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

67% match

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

65% match

Loading thumbnail…

Quienes votaron y quienes se abstuvieron

This interactive bar chart, built with D3.js, visualizes abstention and voting percentages across Colombian departments. It uses a reusable bar chart module with ordinal and linear scales, animated transitions for bar height changes, and rotated x-axis labels for readability. The data, from a CSV with columns for department, category, and value, is rendered as grouped bars with hover and transition effects.

AAdlopez2016

63% match

Loading thumbnail…

Quienes votaron y quienes se abstuvieron

This bar chart, built with D3.js v3, shows voter participation and abstention across Colombian departments. Each bar is segmented into four stacked categories—votes for “Sí” (Yes), votes for “No,” invalid votes, and abstentions—ordered ascending by total. The reusable barchart component animates bar heights on load, uses rotated x-axis labels for department names, and includes a grid via y-axis tick marks. Data covers departments like Amazonas, Antioquia, and Bogotá D.C., with percentages per category.

AAdlopez2016

61% match