Interaction

100%

✓ Published0🌍 Public

Last edited Nov 26, 2019

Created on Nov 26, 2019

This visualization maps the worldwide distribution of cultural objects by function, using a natural Earth projection with colored circles to represent object counts per category. Users can pan and zoom the map via d3.zoom, while circles animate in with a bounce effect. The code employs d3.geoPath and topojson for geographic features, and retrieves live SPARQL data from the Netherlands Digital Heritage Network API. A categorical color scale distinguishes object types, with a legend and tooltips providing country names and category labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Interaction

This visualization maps the global distribution of cultural objects by function, with each point representing a museum artifact and its category shown through color. Users can pan and zoom the map using d3.zoom, while points animate onto the map with a bounce ease via d3.transition. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries from TopoJSON, with data fetched live from a SPARQL endpoint via a custom fetch wrapper.

RRamon96

91% match

Loading thumbnail…

Sample data

This visualization maps the global distribution of cultural heritage objects by function, using colored circles over an interactive world map. It queries the Network Digital Heritage API via SPARQL to retrieve object types, titles, and geographic coordinates. The map is rendered with `d3.geoNaturalEarth1` and `d3.geoPath` from the world-atlas TopoJSON, with zoom enabled. Circles are animated using `d3.easeBounce` and a color scale based on `d3.schemeCategory10`.

RRamon96

85% match

Loading thumbnail…

Visualizing transformed data

A world map visualizes geographic locations of cultural heritage objects, with each country’s data points appearing as colored circles that animate onto the map with a bouncing effect. The visualization queries a SPARQL endpoint for latitudinal and longitudinal coordinates, cleans and nests the data by country using `d3.nest`, and renders the map with `d3.geoPath` and `topojson.feature`. Circle positions are projected via `d3.geoNaturalEarth1`, while ordinal scales and transitions control color and staggered entry timing.

RRoyCsuka

81% match

Loading thumbnail…

Nu het inladen van de nieuwe data

This visualization displays a world map with small circles indicating the geographic locations of museum objects, with each point colored according to its associated object function or type. The data is retrieved via a SPARQL query from the Network Digital Heritage (Netwerk Digitaal Erfgoed) API. Using D3 v5, the code employs `d3.geoOrthographic` and `d3.geoPath` to render the globe, together with `d3.zoom` for interactive panning and zooming. A `d3.scaleOrdinal` color scheme maps object categories to a legend.

BBryan Ray

80% match

Loading thumbnail…

Visualizing transformed data

The example displays a world map with animated, color-coded circles representing cultural heritage object locations, grouped per country through nested data. It uses d3.json to fetch SPARQL query results and TopoJSON world atlas data, then transforms raw bindings via d3.nest. Circles are rendered as SVG with d3.geoPath projections and animated using transition.attrTween-like easing, while color scales from d3.scaleOrdinal.

LLaurens

80% match

Loading thumbnail…

Visualizing transformed data

This example visualizes transformed museum collection data on a natural Earth projection map, showing the geographic distribution of objects by country. It fetches SPARQL query results from a Dutch digital heritage endpoint, cleans and nests the data per country using `d3.nest()`, then plots animated circles with `transition` and `d3.easeBounce`. The map itself is drawn with `d3.geoPath` and TopoJSON world atlas data. Colors are assigned using `d3.scaleOrdinal` with the `d3.schemeDark2` palette to distinguish countries.

RRoyCsuka

79% match

Loading thumbnail…

Scatterplot V1

This scatterplot visualizes the distribution of cultural heritage objects across continents, plotting the quantity of each object type against its geographic origin. The code uses d3.scaleLinear and d3.scalePoint to map data values to SVG circle positions, with each circle representing a continent and object type combination. It loads data from a SPARQL endpoint via d3.json, then renders axes using d3.axisLeft and d3.axisBottom. The visualization uses semi-transparent tomato-colored circles, with SVG rendering and d3.v5.

NNick

78% match

Loading thumbnail…

World map

This interactive world map visualizes the distribution of museum objects across countries over time. The D3.js visualization uses a Natural Earth projection, displaying countries colored on a white-to-red scale based on object counts for a selected time period. Users can click on a country to view historical colonial events related to that territory in a side panel. The map retrieves data from a SPARQL endpoint and animates through time periods using a timeline play button, while the `d3.zoom` library enables zooming and panning capabilities.

GGiovanni Kaaijk

77% match