Gist 6ce6b2a6ecda4579b64f

100%

Gist 6ce6b2a6ecda4579b64f

✓ Published0🌍 Public

Last edited Nov 16, 2015

Created on Nov 16, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 646a839ec3b9e7a2ffa1c7bd7b3c2f34

This interactive map visualizes the geographic distribution of community-contributed network nodes, with each point representing a location where users have deployed hardware. The Vue-based application loads a GeoJSON file (skycoin_20180601.geojson) containing 20 geolocated features, each tagged with a name, coordinates, and descriptive text. Rendered as multipoint geometries on a world map, the visualization likely uses a mapping library to project the coordinates, while tooltips or popups reveal the associated metadata for each node. The example highlights crowd-sourced network infrastructure data, combining spatial context with user-generated annotations.

WWill Carter

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

71% match

Loading thumbnail…

Gist 274f90837389b882eaf3813de64dac5f

This example visualizes Airbnb listings in Los Angeles, mapping each property’s location and price point across the city. The code loads a CSV of listing data into a Pandas DataFrame, then uses Vue with WebGL rendering to display the geographic distribution of rentals. While the notebook includes initial data exploration with NumPy and Seaborn, the primary visualization relies on the WebGL framework to render the spatial layout, showing how listing prices and availability vary across neighborhoods without relying on traditional 2D charting libraries.

KKirkHunter

70% match

Loading thumbnail…

Gist 854f56f011fd6edf9b89b9038dafaa43

This visualization maps a set of veterinary-related locations from a CSV file containing longitude and latitude coordinates, with some rows missing latitude values. It uses D3.js to project and render geographic points, likely employing `d3.geoPath` to draw map features and `d3.forceSimulation` for any positional adjustments. The data source is an invalid CSV with incomplete coordinate pairs, which the code parses and filters to plot only valid entries. The rendering approach appears to rely on canvas or SVG paths to display the spatial distribution of the listed animal clinics and hospitals, highlighting the geographic spread while exposing data quality issues in the source file.

WWill Carter

69% match

Loading thumbnail…

Hello VizHub

This example displays a formatted list of five US cities sorted by population, rendered as text on a dark background using D3 v5 and custom ES6 modules. It imports and parses JSON data from `cities.js` and `person.js`, sorts the city objects by population with JavaScript’s `sort()` method, and maps them to a readable string using template literals. The page uses the Ubuntu font from Google Fonts, and the text content is injected into a `<pre>` element via `document.getElementById`. The code demonstrates loading data, sorting, and basic DOM manipulation within a VizHub project.

GGlenn Henshaw

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

68% match

Loading thumbnail…

Simplemaps: World Cities Database

This example visualizes a world map of cities with populations over 50,000, using a dataset sourced from Simplemaps. It plots each city as a point positioned by latitude and longitude, with point size reflecting population. The visualization uses Vue for the application structure and D3’s `d3.geoPath` for rendering map outlines, while city markers are drawn on a canvas using `getImageData` to sample pixel colors for styling.

CCurran Kelleher

68% match

Loading thumbnail…

Gist e5accfd5c404e44ded12

This example maps the locations of parks from a CSV of city park attributes, encoding facility types with colored dots overlaid on a blank canvas. The visualization reads latitude/longitude coordinates from the data and uses a custom projection to plot each park, with legend markers indicating amenities like playgrounds or beaches. It relies on the D3 library for CSV parsing and SVG element creation, while the rendering itself is driven by plain JavaScript loops rather than a dedicated geographic mapping API.

11pixelzz

68% match