Skip to main content
100%

BA Data - Bicicletas - 2024

✓ Published0🌍 Public
Aaaizemberg
Last edited Sep 2, 2024
Created on Sep 2, 2024

The visualization explores Buenos Aires bike-share system usage in 2024, showing the spatial distribution and volume of trips across the city’s stations. It combines an interactive map of station locations with a bar chart of trip counts, using D3.js for rendering and transitions. The code loads and queries parquet files via DuckDB, then visualizes the aggregated data with d3.forceSimulation for layout and d3.geoPath for geographic context, revealing station popularity and trip density patterns.

AI-generated description

Bicicletas 2024 - Buenos Aires Data @ ObservableHQ

Similar vizzes

Loading thumbnail…

Bikes

Two time series lines compare daily bike counts on Montreal’s Berri and Parc streets throughout 2013, revealing seasonal patterns and distinct traffic volumes. The visualization loads two CSV files and merges their data to determine shared scale domains. Using D3 v3’s `d3.svg.line`, `d3.time.scale`, and `d3.svg.axis`, it renders steelblue and red SVG paths with hover highlighting. Data originates from Montréal’s open data portal.

AAudree
70% match
Loading thumbnail…

Bike

This interactive visualization displays bike ride data as an arc diagram, with each arc representing a ride type. Users can filter the data by year and membership type using dropdown menus, which updates the visualization dynamically. The chart is built using Vega-Lite API within a React framework, with Vega and Vega-Lite handling the rendering. Data is loaded from a CSV file using D3’s `csv` function, and the visualization computes quantitative theta values from the ride type field, encoding color by the same nominal attribute.

SSamir Nandardhane
69% match
Loading thumbnail…

Cars Scatterplot

This visualization displays Citi Bike trip data from 2020, comparing trip durations at both the start and end stations across different months. A scatterplot shows the correlation between these two duration measurements, with an interactive slider to filter by month, while a bar chart below displays the number of trips starting from each station. The visualization uses D3 v6 scales, axes, and SVG shapes for both charts, with data loaded from a CSV file and parsed into numeric values.

MMillycc
68% match
Loading thumbnail…

Interactive Visulization

This interactive visualization shows the number of bike rides, broken down by rideable type, filtered by user type (casual or member), quarter, and year. The chart updates dynamically, rendering a horizontal bar chart for each selected combination. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map the categorical and quantitative axes, and renders the bars as SVG `<rect>` elements within a `<g>` transform. A `<title>` element provides tooltips on each bar, while the data is loaded from a CSV file.

SSamir Nandardhane
67% match
Loading thumbnail…

alumnos activos

This visualization maps the distribution of active students across Buenos Aires communes, using the percentage of students per comuna to size circular markers overlaid on a geographic map. The data comes from a TSV file listing communes, their barrios, student counts, and percentages. The code uses D3’s `d3.forceSimulation` to position the circles without overlap, while `d3.geoPath` renders the map outlines. Circle radius reflects the percentage values, and the visualization highlights concentration in Comuna 13, with progressively smaller markers toward the periphery.

Aaaizemberg
67% match
Loading thumbnail…

Scatter Plot of Bike Locations with D3

A scatter plot maps the latitude and longitude of Bay Area bike stations from a 2013 CSV dataset, with each orange circle positioned by its coordinates. The visualization uses d3.csv to load the data, then d3.scaleLinear to map longitude and latitude to SVG canvas positions, while d3.axisBottom and d3.axisLeft generate the axes. Titles for longitude and latitude labels and a heading are added as SVG text elements.

OOlha
67% 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
67% match
Loading thumbnail…

BarChart with ToolTip

This bar chart displays simulated hourly bike availability predictions for a single station, with bars representing forecasted values across 24 time points. The chart uses a static SVG canvas with axes for time and bike count, and bars change color from steelblue to brown upon hover. The visualization loads station metadata from a JSON file and uses D3.js v3 APIs including `d3.scale.ordinal().rangeRoundBands()`, `d3.svg.axis()`, and `d3.select()` to construct the chart. The bar heights and positions are computed through a random correction applied to the station's actual available bike count.

CChmits
67% match