andy

@arogit·2 public vizzes

Map Collab

This visualization overlays hotel data from a JSON file on an interactive Google Map of Western Europe, with a separate layer of city markers. Clicking a city marker zooms the map to that city at a predefined level. Hotel markers become visible only at higher zoom levels, while city labels disappear when zoomed in, managing clutter. The map utilizes the Google Maps JavaScript API for rendering, and D3.js (v3) is used to draw SVG circles for hotel locations and handle the data-driven overlay layer.

Feb 13, 2022

Loading thumbnail…

Map Collab

A map of London and Paris displays hotel locations as brown circles overlaid on a Google Map. The visualization combines the Google Maps JavaScript API with D3.js v3 to render SVG markers that are positioned using the map's projection. Hotel data, including latitude, longitude, and review scores, is loaded from a JSON file, and markers are hidden when the map zoom level falls below six.

Feb 11, 2022