Skip to main content
100%

Gist a8cdd9d2af62e2b60770ef48abf320d5

✓ Published0🌍 Public
Aaldrejota
Last edited Dec 3, 2017
Created on Dec 3, 2017

The visualization tracks service status records for the MRT-3 rail system, compiling dates, times, descriptions, categories, stations, and bound directions into a tabular dataset. It scrapes paginated pages from the DOTC MRT-3 website using BeautifulSoup and Requests, parsing HTML tables within news items and storing results in a pandas DataFrame with NumPy-allocated space. The script iterates through up to 3,000 records, skipping malformed header rows, and exports the cleaned data to a CSV file via pandas' `to_csv` method.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist e049813cea7c84ccf54d681eb78088b5

The visualization displays a set of SQL query results from a weather and bike-share database, showing data such as the hottest day by zip code, trip counts by station, shortest trip duration, and average trip duration by end station. It uses Python with SQLite queries to extract the data, then renders the results in a web-based chart. The code references the `sqlite3` library for database access and likely employs a JavaScript charting library like D3.js to plot the aggregated values, though the specific rendering API is not fully visible in the provided snippet.

Aankuagar
59% match
Loading thumbnail…

Gist d91013019d5aec3020cf6bb475dcebd8

This visualization displays daily website traffic over a three-week period, plotting both total visits and unique visitors as paired time-series lines. The data comes from a CSV file with date, visit, and unique visitor columns, loaded via D3’s `d3.csv` callback. The chart uses D3’s scales and axes to map dates and counts, with line generators for each metric, rendered as SVG paths. A legend distinguishes the two series, and the code likely employs `d3.line` with `d3.timeParse` for date formatting, though no interactive or animated features are shown.

VVioletVivirand
58% match
Loading thumbnail…

Projet_DataViz_Matrice_Histogramme

This visualization combines a train-station adjacency matrix with a live histogram of journey regularity. It plots TGV and Intercités routes, where each matrix cell’s opacity encodes the percentage of on-time trips, and clicking a cell highlights its row and column. The histogram charts monthly regularity for selected routes using a dynamic bar chart. Built with Vue and D3 v4, the code applies `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`, while a slider filters data by year. Data comes from CSV files (`trajets_tgv.csv`, `trajets_intercites.csv`) and renders as SVG.

KKylaste
58% match
Loading thumbnail…

Marey’s Trains II

This visualization adapts E.J. Marey’s classic train schedule to show southbound Caltrain service from San Francisco to Gilroy. Each train’s path is drawn as a segmented line where slope represents speed, while color redundantly encodes the same information through a purple-to-orange scale. The code filters trains by type and uses D3’s time scale, linear scale, and SVG axis API to render the station grid and diagonal trajectories, with station stops marked as circles. Data is loaded from a tab-separated schedule file using `d3.tsv`.

Mmbostock
57% match
Loading thumbnail…

GGT and MUNI Animated D3 Scatter Plot

This animated D3 scatter plot displays ridership data for Golden Gate Transit (GGT) and Marin Transit (MUNI), cycling through three column-based views—Operator, Date, and Ridership—every 3.5 seconds. The visualization uses D3 v7's `scaleLinear` for axes and `transition` for smooth 1-second animations, with circles entering at radius 0, updating positions with staggered delays, and axes transitioning simultaneously. Data is loaded via `d3.csv` from a raw Gist URL, rendered as SVG with custom Share Tech font styling, and the animation loop is driven by `setInterval`.

AAndre J Denais
57% match
Loading thumbnail…

Interactive and attempting to be more DRY with the code

This interactive visualization tracks a SmarTrip fare card’s balance over time, plotting each transaction from a Metro rail CSV as an animated SVG line chart. The code organizes shared logic (axes, scales, and rendering) into reusable functions, avoiding repetition. Data points—entries, exits, and sales—are distinguished by color and shape, with tooltips showing route segments and fare changes. The animation plays through the chronological sequence, highlighting the card’s declining balance as the commuter taps in and out between Tenleytown-AU and L'Enfant Plaza.

AAlexDaGr8
57% match
Loading thumbnail…

Gist 7083cd8264b6aa48ce4bbfaf44546f07

This example builds a profile-scraping pipeline for social media data, turning raw CSV input into a structured DataFrame with fields for user names, follower counts, post dates, likes, comments, captions, and industry tags. The code reads `raw_data.csv` via `pandas.read_csv` and then initializes an empty DataFrame with predefined column names, preparing it for subsequent population. The visualization focuses on the data-preparation stage rather than graphical output, demonstrating how pandas handles tabular ingestion and schema definition. No rendering library like d3 or Three.js appears here; instead, the emphasis is on clean data structuring for later analysis or charting.

AArizonaTay
57% match
Loading thumbnail…

Projet_DataViz_Matrice_Histogramme

This visualization combines an adjacency matrix with a linked histogram to explore train punctuality. Users select a train type (TGV or Intercité) and click a matrix cell to see monthly regularity data for that route. The matrix uses a color scale to encode weight, while the histogram displays punctuality across months. Built with D3 v4 and Vue, it uses `d3.scaleBand`, `d3.axisTop`, `d3.axisLeft`, and `d3.scaleLinear`, with data loaded via `queue().defer(d3.csv, ...)`. A slider filters the histogram by year, and tooltips show details on hover.

KKylaste
57% match