Gist 32329a8557135f11cb5656e3bfd4d35c

100%

Gist 32329a8557135f11cb5656e3bfd4d35c

✓ Published0🌍 Public

Last edited Feb 2, 2022

Created on Feb 2, 2022

A WebGL map visualizes the locations of French tobacco shops, using points to show their distribution. The code geocodes addresses from an official customs dataset via the data.gouv.fr API, then processes the CSV with the `requests` library. It uses a Vue.js front-end to render the points in a 3D space, allowing users to explore the spatial patterns of the shops.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 12513350e4462cdfb258efe4cb8df145

This map visualizes the locations of tobacco retailers in the Ain department of France, with each point geocoded from a public directory of licensed shops. A marker shows the position of every vendor, with details available for each location. The visualization likely uses a geographic rendering library such as D3.js with `d3.geoPath` to display the map, while the underlying data comes from the `annuaire-des-debits-de-tabac-deb.geocoded.geojson` file, which contains coordinates and metadata for each establishment.

TThomasG77

81% match

Loading thumbnail…

Gist 177f6c8fe1ef0050c1d0d9e490f6f6d5

This example visualizes the centroids of French communes as a particle system, with each point positioned by latitude and longitude from a CSV dataset. Using WebGL rendering within a Vue framework, the visualization employs a force simulation to spatialize the points, while geographic context is provided through a canvas-based path drawing approach. The underlying data includes commune names, INSEE codes, population, and coordinates, allowing the particles to reflect real administrative geography. The rendering leverages d3.forceSimulation for dynamic positioning and canvas getImageData for analyzing pixel density, creating a dense, interactive map-like scatter of population centers.

PPhilippe Rivière

74% match

Loading thumbnail…

Gist 1f575522ca61946b31d92bbd146a9dce

This visualization compares French legislative electoral districts between 2012 and 2017, showing how commune boundaries and canton assignments shifted across the two years. It displays two side-by-side maps, likely using Three.js with WebGL rendering to animate or morph between the two configurations. The data comes from CSV files containing commune-to-canton and commune-to-district correspondences for both years. The visualization relies on the Vue framework to manage the interface and handle state transitions, with the geographic comparisons rendered through WebGL for smooth interactive exploration.

TThomasG77

71% match

Loading thumbnail…

Gist c8b3e33ae90180e985646e1ef4876dfe

This example demonstrates how to convert tabular JSON data containing longitude and latitude fields into a GeoJSON FeatureCollection using the command-line tool jq, making it ready for map-based visualization. The dataset covers digital mediation locations in the Auvergne-Rhône-Alpes region of France, sourced from data.gouv.fr. The transformation maps each original record into a GeoJSON Feature, preserving properties like name, address, services, and accessibility conditions, while constructing Point geometry from the coordinate pair. The code includes a preview image showing the resulting spatial distribution of these locations, though the visualization itself uses no specific JavaScript mapping library or framework beyond the jq conversion process.

TThomasG77

70% match

Loading thumbnail…

Gist 516c27edc013850e5fa703af9f9c0f03

This interactive visualization maps French EPCI administrative units using a force-directed layout, showing clusters of communes grouped by their intercommunality category. It uses d3.forceSimulation to position nodes representing each EPCI, with the underlying geoJSON data from the epci2020 file providing the administrative codes and names. The rendering translates the simulated node positions into geographic coordinates, allowing users to see the spatial distribution of these administrative groupings across France.

TThomasG77

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

69% match

Loading thumbnail…

Gist 6ce6b2a6ecda4579b64f

This visualization uses a Vue.js interface to display a list of city and state locations, likely from a dataset of place names. It shows a static, text-based table of these locations, with no visible map or chart. The code relies on standard DOM rendering through Vue’s template system, without additional data-viz libraries like D3 or Three.js. The rendering approach is a simple list, and the data source appears to be a CSV of location strings. No interactive or dynamic behavior is evident beyond the initial display.

CCaged

69% match

Loading thumbnail…

Gist 229124535f96c8b9363f191ad4b10942

This map visualizes the geographic distribution of Target store locations across the United States, with each point representing a store. The visualization is built with Vue and uses CSV data containing store names and addresses. Hovering over a point reveals the store name and address, while the map's zoom and pan controls allow users to explore regional clusters. The data is plotted as points on a geographic map, highlighting the density of Target stores in metropolitan areas such as the Northeast corridor, Seattle, and Alabama. The example demonstrates how to bind external CSV data to a Vue component for interactive mapping.

WWill Carter

68% match