L’Équateur de Marseille

100%

L’Équateur de Marseille

✓ Published0🌍 Public

Last edited Aug 22, 2017

Created on Aug 22, 2017

This interactive map visualizes global landmasses as particle clusters, with each country rendered as a distinct colored region. Built with D3 v4, the visualization combines SVG and canvas rendering to draw geographic outlines from TopoJSON data while animating particles that flow across the map. The visualization, titled "L'Équateur de Marseille," uses a custom d3.geo projection to center on Marseille, France, and animates points along the map's surface to create a dynamic, living effect. The combination of SVG for the base map and canvas for the animated particles results in a smooth, performance-optimized experience that highlights the spatial relationships between geographic features and the overlaid data points.

AI-generated description

L'équateur de Marseille s'appuie sur la Canebière et la prolonge dans les deux directions, jusqu'à faire le tour du monde.

Cette approche a été conçue et développée par Jean-Luc Arnaud dans « Marseille et la Canebière - Echelles du monde », 2017. <halshs-01484193>

Visualisation interactive par Philippe Rivière -- visionscarto.net

Forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/1e10b76becaa4ea4471262bcae619dae'>Versor Dragging II</a>

forked from <a href='http://bl.ocks.org/Fil/'>Fil</a>'s block: <a href='http://bl.ocks.org/Fil/8783c504d2ebb736ce12bcfd1606e840'>L’Équateur de Marseille</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

L’Équateur de Marseille

This interactive visualization reimagines the world map centered on Marseille’s Canebière, extending it as a great circle around the globe. The view uses D3’s orthographic projection, rotated to align the city’s coordinates and angle, with a green equator path and a toggleable SVG or canvas renderer. Built with d3-geo, d3-geo-projection, and topojson, it loads world land data from a TopoJSON file and supports switching among multiple projection types via a dropdown menu.

PPhilippe Rivière

89% match

Loading thumbnail…

Equateur MMSH

This visualization highlights the Equateur region in the Democratic Republic of the Congo using an interactive world map. Landmasses are rendered as SVG paths from a TopoJSON world dataset, with an animated canvas overlay likely showing flowing arcs or moving particles that trace geographic connections. The map displays country boundaries, but omits Antarctica, and the region of interest (Equateur) is visually emphasized, possibly with a distinct color or highlight. The animation conveys movement or temporal data, while the combination of SVG for the base map and canvas for the animated overlay allows for smooth rendering.

0007Carto

78% match

Loading thumbnail…

Gist 7db080b8909bfe2d732eeb33909de6ec

This visualization combines a D3 geographic projection with an animated particle system on an SVG and canvas hybrid, showing graticules and a world map in an interrupted sinusoidal projection. The code references the idea of piling up continents by latitude and longitude, and uses d3-geo-projection to render the map with an unusual projection. The animation likely shows the map morphing or the graticules/particles being drawn dynamically.

11wheel

70% match

Loading thumbnail…

Interactive Map

This interactive map displays world countries on an equirectangular projection, with hover highlighting and rollover labels showing country names. Users can zoom and pan the map, with limits ensuring the map never leaves the viewport. The visualization uses D3.js v4’s `d3.zoom`, `d3.geoPath`, and `d3.geoEquirectangular` for rendering, while JQuery handles container sizing. Country labels are positioned using `Path.Centroid`, and the map resizes responsively with the window, recalculating zoom and translate extents. Data comes from a geographic GeoJSON source embedded in the SVG rendering.

AArnaudBru

70% match

Loading thumbnail…

France

This map of France uses a conic conformal projection to display the country’s administrative regions. The visualization renders each geographic feature as a separate SVG path, with the projection centered on the country’s coordinates. Built with D3 v4, the code relies on `d3.geoConicConformal()` and `d3.geoPath()` to transform GeoJSON data into the final map. The geographic data is loaded from a local file named “France.json,” and the resulting paths are drawn without additional styling or interactivity.

MMathReynaud

70% match

Loading thumbnail…

Map exemple

This interactive choropleth displays global population estimates, with each country filled by a color scale ranging from light red to dark red according to its population. Built with D3 v5, the map uses TopoJSON to convert world-atlas GeoJSON features into SVG paths via a Mercator projection, while an accompanying TSV file supplies the population attributes. The visualization supports zooming and panning, and countries turn purple on hover.

EElodie31190

70% match

Loading thumbnail…

My map

This map displays European and North African cities as dark dots on a light landmass, with each city labeled by name. The visualization uses D3.js v5 to load geographic data from a GeoJSON file and city coordinates from a CSV file. It renders the map by applying the Mercator projection through `d3.geoMercator` and drawing paths with `d3.geoPath`, while circles and text elements are positioned using the same projection function.

Hhlkyt

70% match

Loading thumbnail…

Gist 1046e6003c6e5198ef4647da9b64c3b7

This example displays a static map of French regions, rendered using a conic conformal projection centered on France. The visualization uses D3 v4’s `d3.geoConicConformal`, `d3.geoPath`, and `d3.json` to load and draw geographic data from an external regions JSON file. The SVG canvas is 700 by 580 pixels, with all region boundaries shown as simple paths. No interactivity or additional styling is applied; the map is presented in its raw, unadorned form.

MMilowB

69% match