Skip to main content
100%

ebola map

✓ Published0🌍 Public
BBrieLewis
Last edited Feb 23, 2017
Created on Feb 23, 2017

This interactive map visualizes the spread of Ebola cases, plotting individual locations as dots on a tiled satellite basemap. The geographic coordinates (longitude, latitude) of each case are stored in a GeoJSON FeatureCollection, with properties indicating the country and sometimes a specific address or town (e.g., "Dallas, TX", "Gueckedou", "Boende moke"). Rendered as an animated SVG overlay on a Leaflet map, the visualization supports zooming and panning. The map is initialized to a world view centered at [20,-37] with a zoom level of 3, and the D3-selected SVG layer is synced with Leaflet's overlay pane to ensure that the points remain correctly positioned as users interact with the map. The points are plotted based on their latitude and longitude coordinates from the dataset, with labels providing the location name and country. This example demonstrates a straightforward pattern for combining Leaflet's interactive map controls with D3's data-driven SVG rendering, useful for geographically distributed point data like disease outbreak locations.

AI-generated description

This is a simple setup of Leaflet (via Mapbox) with d3 to show dots on a map. This can serve as a base for many interesting geographically based visualizations

Nice overview of using d3 + Leaflet. I found this slightly simpler to use than Mike's classic post.

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/enjalot/'>enjalot</a>'s block: <a href='http://bl.ocks.org/enjalot/18cb7a77b2d9de597b86'>dots on a map: setup</a>

forked from <a href='http://bl.ocks.org/BrieLewis/'>BrieLewis</a>'s block: <a href='http://bl.ocks.org/BrieLewis/581694b01133def1d45d91348bf04125'>ebola map</a>

mit Licensed

Similar vizzes