VisuVelov

100%

✓ Published0🌍 Public

Last edited Jul 18, 2017

Created on Jul 18, 2017

VisuVelov visualizes the availability of bikes and docks at Lyon's Velo'v stations on a map. The visualization shows each station as a point, with its color or size likely representing the current number of available bikes or docks based on timestamped data. It uses D3.js v4 to render the map with SVG, combining geographic station coordinates from a JSON file with real-time availability data from CSV files. The map updates over time to show the dynamic state of the bike-sharing network.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/c7e763fa07ae3eb29c8a78b9f437e5e6'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/fde8304066a4fd4b9b97367a98981ee0'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/c6eccc71f176ad55a0449ddf5e55e2f9'>fresh block</a>

forked from <a href='http://bl.ocks.org/MarineRu/'>MarineRu</a>'s block: <a href='http://bl.ocks.org/MarineRu/fb1f2947e7d8700e2e44909b6ac219c8'>VisuVelov</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/ec3bab60669dd277ea23bcc7bd3fb6e9'>VisuVelov</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This visualization displays bicycle and docking station availability in Lyon, France. The data includes station locations from a JSON file and time-stamped availability counts from CSV files. The code uses D3.js (version 4) to render an SVG visualization. It loads the data files and creates an interactive display showing the dynamic changes in bike and slot availability over time.

MMarineRu

81% match

Loading thumbnail…

fresh block

An interactive map visualizes the real-time availability of bikes and stands at Vélo'v stations in Lyon, France. The map renders station locations as circles on a Mapbox base layer, with a tooltip that appears on hover. The code uses the Mapbox.js API to display the map and D3.js to handle data binding and SVG rendering, including transitions that animate the circles' radius on load.

CChmits

81% match

Loading thumbnail…

fresh block

A map of Lyon displays bike-sharing station locations as animated dots that grow on load, colored by availability status. The visualization pairs a Mapbox.js and Leaflet map with D3.js to project station coordinates onto an SVG overlay layer. Hovering over a dot opens a tooltip with station details, while the data also supports an accompanying bar chart of station metrics. Station information comes from a JSON file and updates via D3 transitions, with a d3-legend library included for potential map legends.

CChmits

75% match

Loading thumbnail…

fresh block

An interactive map of bike-share stations in Lyon displays each station as a circle whose position is projected onto a Mapbox-backed Leaflet map using D3. Loading station data from a local JSON file, the visualization animates circle emergence and provides a previsions function that appends a separate bar chart, though its data binding is incomplete. The map layer uses D3 to append an SVG overlay, and hovering interactions are defined for tooltips, though the chart itself is not fully implemented.

CChmits

74% match

Loading thumbnail…

Many many many Points with D3 and leaflet

This visualization combines D3.js v4 and Leaflet to display a large set of points representing bike stations in Lyon. The map uses Leaflet's tile layer for the background and D3's `geoPath` and `geoTransform` to project GeoJSON station data onto the map as SVG points. Hovering over a station triggers its hover style, and the opacity of the points is determined by a station grouping property. The code loads station and trip data from JSON and CSV files, and re-renders the points on map movement.

CChmits

73% match

Loading thumbnail…

Work

A geographic map of bike-share stations in Lyon overlays a pie chart showing the proportion of a day spent in sky, sunny, or shady conditions. The visualization uses Mapbox.js for the basemap and D3.js for the pie chart, SVG rendering, and a color legend. Station data from a GeoJSON-like file includes real-time availability, while the pie chart’s hardcoded proportions drive the graphic.

CChmits

73% match

Loading thumbnail…

Blue Bike Stations

This visualization maps Blue Bike stations by district, using circle size, color, and opacity to represent the total number of docks at each station. It is built with the Vega-Lite API, leveraging `vl.markCircle` and encoding fields like `Total docks` for quantitative mapping and `District` for categorical positioning. The data is loaded from a remote CSV file via `d3.csv`, and the visualization is rendered with `vega-lite` and `vega`, incorporating custom styling through a `config` file for axis and label appearance.

KKimberly Nguyen

72% match

Loading thumbnail…

Stylised Bar Chart with React & D3

This stylized bar chart displays the total number of available bikes per hour, aggregated from a CSV file of Vélib’ station data. Built with React and D3 v7, the visualization loads the dataset via `d3.csv`, groups entries with `d3.rollups`, and sorts the results to highlight the top ten busiest hours. The code uses `d3.scaleBand` and `d3.scaleLinear` to position colored rectangles, with SVG axes and labels rendered through custom React components, all styled with the Poppins font.

MManon ROMAIN

68% match