functioneel programmeren (een test)

100%

functioneel programmeren (een test)

✓ Published0🌍 Public

Last edited Jan 30, 2020

Created on Jan 30, 2020

Forked from functioneel programmeren (herkansing)

This example maps the geographic distribution of a collection of objects by querying a SPARQL endpoint and plotting the results as colored circles on a world map. It uses d3-geo-projection for the map projection, d3.geoPath to render country outlines, and a fetch to the Network Digital Heritage API. The circles are colored by country with a tooltip on hover.

AI-generated description

See github: https://github.com/ManoukK/Herkansing-FunctionalProgramming

MIT Licensed

Similar vizzes

Loading thumbnail…

functioneel programmeren (herkansing)

A world map visualizes the geographic distribution of museum collection items, with each item represented as a small circle colored by its country of origin. The visualization uses a Werner or Gilbert projection via `d3-geo-projection`, and renders country boundaries using `d3.geoPath` with TopoJSON data from `world-atlas`. Circle positions are calculated by projecting latitude and longitude coordinates fetched from a SPARQL endpoint querying the Network of Digital Heritage (NMVW) dataset. Hovering over a circle shows a tooltip displaying the country name. The code relies on D3 v5, TopoJSON, and SVG rendering.

MManoukK

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

77% match

Loading thumbnail…

Fork of D3 map

This example presents a world map populated with animated data points sourced from a live SPARQL query (Netwerk Digitaal Erfgoed). It uses d3.geoPath and d3.geoNaturalEarth1 to render country boundaries via TopoJSON, then plots geographic coordinates as circles. The circles animate in sequence using d3 transitions with a bouncy ease, starting from zero radius. The visualization demonstrates loading external data, projecting coordinates, and adding motion to a static map.

AAMINU LAWAL

73% match

Loading thumbnail…

D3 map

This example visualizes a world map using D3 v5 and TopoJSON, plotting museum object locations from a SPARQL query against the Netherlands Digital Heritage Network’s NMVW dataset. A natural Earth projection renders country boundaries and a black sphere, while white circles animate onto coordinates using `d3.geoPath` and `d3.easeBounce`. Each circle’s position is computed from latitude and longitude via the projection, with staggered transitions revealing the data points sequentially.

Kkimgarrard

73% match

Loading thumbnail…

Nu het inladen van de nieuwe data

This example shows the worldwide geographic distribution of masks by function, with each object plotted as a colored circle on a Mercator projection. It uses d3.geoPath and d3.geoMercator to render country boundaries from TopoJSON, while d3.scaleOrdinal maps each mask type to a color. Circles appear after a 1000ms delay with a bounce transition, and d3.zoom enables panning. The data comes from a SPARQL query to the Netwerk Digitaal Erfgoed API, filtered by a specific term hierarchy.

RRamon96

73% match

Loading thumbnail…

Fork of D3 map

This visualization displays a world map populated with data points sourced from a SPARQL query against the Network of Digital Heritage (NMVW) dataset. Using the D3 v5 library with the geoNaturalEarth1 projection and geoPath for country outlines, the example fetches geographic coordinates and plots them as animated circles. Each point transitions from zero to eight pixels in radius with a bounce easing effect, creating a sequential reveal. The map itself renders in SVG, with a black sphere background and goldenrod countries.

CCH SAMPATH

73% match

Loading thumbnail…

Interaction

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.

Iiascchwen

73% match

Loading thumbnail…

D3 map

This example visualizes a world map with data-driven location points, plotting over a thousand geographic coordinates as animated circles on a natural Earth projection. It uses D3 v5 with `d3.geoNaturalEarth1`, `d3.geoPath`, and TopoJSON’s `feature` to render country boundaries from the World Atlas dataset, while querying a SPARQL endpoint from the Dutch Digital Heritage Network for latitude and longitude data. Each circle appears sequentially with a bounce ease transition, growing from zero to a fixed radius to show the distribution of the dataset across continents.

RRoyCsuka

73% match