fresh block

100%

✓ Published0🌍 Public

Last edited Jul 18, 2017

Created on Jul 18, 2017

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.

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>

mit Licensed

Similar vizzes

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

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

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

85% match

Loading thumbnail…

VisuVelov

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.

MMarineRu

81% match

Loading thumbnail…

fresh block

This example demonstrates a data-processing sketch for a bike-sharing dataset, computing a rough estimate of future bike availability at each station. The code loads station information from a `stations.json` file using `d3.json`, then iterates through the records to calculate a random correction factor based on the number of total and available bike stands. It outputs the intermediate values and the corrected estimate to the console, but does not render any visual marks on the SVG canvas. The SVG is created with `d3.select`, yet it only contains a static text prompt, as no actual visualization is produced.

CChmits

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

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

74% match

Loading thumbnail…

Projet_DataViz_Matrice_Histogramme3

This block combines a monthly histogram with an adjacency matrix to visualize the punctuality of TGV and Intercité train routes in France. A slider selects the year, and radio buttons switch between train types. The code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisTop` to render the SVG matrix and histograms. Data for stations and routes with punctuality weights is loaded from CSV files, and interacting with the controls re-renders the visualization.

KKylaste

73% match