Bookstores and libraries in Ukraine, Extract from OpenStreetMap

100%

Bookstores and libraries in Ukraine, Extract from OpenStreetMap

✓ Published0🌍 Public

Last edited Mar 1, 2022

Created on Mar 1, 2022

This example maps the locations of bookshops and libraries across Ukraine using OpenStreetMap data. It visualizes both point features—bookstores and libraries—extracted via the Overpass API and converted to GeoJSON with `ogr2ogr`, applying `ST_PointOnSurface` to ensure points are placed accurately within polygons. The map supports dynamic interaction, with camera controls allowing users to pan, zoom, and rotate the scene. The visualization is rendered with WebGL, enabling smooth navigation and a clear view of the spatial distribution of these cultural resources from Lviv to Kharkiv and beyond.

AI-generated description

Similar vizzes

Loading thumbnail…

map_ATO3

This map visualizes the territorial situation in eastern Ukraine during the 2014 anti-terrorist operation (ATO), marking cities controlled by separatists, liberated towns, and recent attack locations. It also plots major regional cities and leader lines for reference. The visualization uses D3 v3 with a Mercator projection and `d3.geo.path` to render Ukraine’s oblast boundaries from a TopoJSON file, while custom SVG circles and labels represent place data. Hovering over map elements triggers a tooltip displaying the corresponding city or village name. The map also includes hexbin overlays and contextual annotations in Russian.

MMraleksa

64% match

Loading thumbnail…

Ukraine Events

This visualization maps Ukraine conflict events on a dark, stylized basemap using OpenLayers with a Stamen toner-lite layer, inverted for a moody aesthetic. React manages the map lifecycle and data loading, fetching GeoJSON coordinates via D3's `json`. Each event is rendered as a glowing, soft-edged sprite on a Canvas, generated by a radial gradient in `generateSprite.js` with a Cubehelix color scale, creating a firefly-like cartographic effect. The map automatically removes layers on component unmount.

CCurran Kelleher

62% match

Loading thumbnail…

карта АТО2

This map visualizes the locations of liberation efforts and conflict sites during the 2014 Anti-Terrorist Operation in Ukraine. It plots a dataset of place names and coordinates onto a region map, using red and orange squares to indicate different statuses, such as liberated or in-progress. Tooltips reveal place names on hover. The visualization is built with D3.js version 3, using `d3.geo.mercator()` for projection, `d3.geo.path()` for rendering the geographic data from a TopoJSON file, and `d3.hexbin()` as part of the process, with SVG rendering for all elements.

MMraleksa

62% match

Loading thumbnail…

ATO2

A map of eastern Ukraine during the July 2014 ATO displays a hexbin overlay of armed confrontations and locations from a CSV dataset. The visualization uses a Mercator projection with d3.geo.path to render the region’s topojson boundaries. A d3.hexbin layout groups incident coordinates, with each hexagon’s size reflecting the count of events. Hovering over the hexagons reveals the name of the corresponding town or village via a tooltip.

MMraleksa

58% match

Loading thumbnail…

slav

This visualization maps the territorial control of Ukrainian forces and separatists around Slavyansk in July 2014, using a chronological series of annotated narrative text blocks. It displays a static SVG map of Ukrainian oblasts, with the Donetsk region highlighted, overlaid with dated, descriptive event updates that incorporate images and tooltips. The application loads GeoJSON-like topology data to render maps via the `d3.geo` API, while text annotations are positioned absolutely within the HTML. Animation and interactivity are absent, instead relying on fixed spatial storytelling with the `d3` library and its `topojson` module for geographic projection.

MMraleksa

58% match

Loading thumbnail…

ATO3

A geographic visualization of territory in Ukraine maps the progress of the "ATO" (Anti-Terrorist Operation). The map displays the location of settlements controlled by separatists, recent liberated cities, and the sites of the latest attacks, with the user able to hover over marked cities or hexagons to reveal names in tooltips. The project uses d3.v3 with a Mercator projection and d3.geo.path to draw the map, while d3.hexbin renders a hexagonal overlay, and d3.select appends SVG elements for rendering.

MMraleksa

58% match

Loading thumbnail…

gaz_ukr

This visualization presents the state of natural gas consumption in Ukraine over the past nine years, breaking down total usage, import sources, and consumer sectors. The interface allows a user to drag a circular handle to adjust the volume of Gazprom gas, revealing the projected impact on Ukraine’s energy balance. Built with D3 v3, the graphic uses SVG for its map and charts, an animated slider mechanism, and axis annotations to compare scenarios. The data is displayed through custom annotations and dynamic charts, drawing on several D3 modules like `d3.scale.linear` and `d3.select` for rendering.

MMraleksa

55% match

Loading thumbnail…

Extrait datatourisme bibliothèques Nouvelle Aquitaine

This map visualization displays the locations of libraries across Nouvelle-Aquitaine, France, sourced from the DATAtourisme dataset via data.gouv.fr. It shows each library as a point on a geographic map, highlighting their distribution throughout the region. The code downloads the dataset, filters entries using `xsv search` for the Library category, and converts CSV records to GeoJSON features with latitude and longitude coordinates. The resulting GeoJSON file is suitable for rendering with a Vue.js framework, likely using a mapping library to display the geographic points.

TThomasG77

55% match