Skip to main content
100%

Dashboard

✓ Published0🌍 Public
Aaguijarro
Last edited Nov 27, 2017
Created on Nov 27, 2017

This dashboard visualizes flight data for top U.S. airports using a choropleth map with proportional bubble markers. The map, rendered with D3 v3 and the Albers USA projection, shows airport locations as orange circles sized by total flight volume. When hovering over a bubble, it enlarges and a details panel displays the airport name, city, state, and IATA code, while a line chart showing yearly flight trends is generated using dimple. The visualization combines SVG map rendering with interactive hover animations, providing both geographic context and temporal detail for airport traffic patterns.

AI-generated description

Similar vizzes

Loading thumbnail…

An interactive D3 map

An interactive D3 map visualizes U.S. airports and their flight routes, with arcs connecting a central hub to various destinations and animated circles marking each airport’s location. The map also displays country boundaries and a Voronoi diagram around airport cells, with hover tooltips revealing flight counts. Using d3.geoPath and geoAlbers projection, it renders SVG shapes from TopoJSON world data and CSV files, with circles animating via transition delays and ease functions.

Iinroadings
83% match
Loading thumbnail…

Untitled

This visualization presents a map of US flight data, using a geospatial view to show airport locations and their connectivity. It displays two modes, “Busiest_Airports” and “All_Airports,” with interactive selections to explore different aspects of departures, arrivals, and delays. The map is rendered using D3 v3 with a `d3.geo.albersUsa` projection and `topojson` for state boundaries, while circles on the map represent individual airports. Additional bar charts and a custom legend (`d3.legend.js`) show delay statistics, and the visualization animates transitions when filters change. Data is sourced from RITA (Bureau of Transportation Statistics) for flights from 1987 to 2008.

Yyimingg7
81% match
Loading thumbnail…

Gist efb1c9f3f0a9092c420dfe4cef8def96

This visualization displays a map of US airports, using a data-driven approach to plot the locations of each airport across the country. It shows the geographic distribution of airports using an Albers USA projection, with the map boundaries rendered as a shaded path. The code relies on the D3.js library, specifically `d3.geoAlbersUsa`, `d3.geoPath`, and `d3.json` for loading the TopoJSON map data and JSON airport coordinates. The final output is an SVG image, generated from these fetched datasets and projected onto a 960 by 500 pixel canvas.

PPhilippe Rivière
80% match
Loading thumbnail…

Dashboard

This dashboard visualizes flight data using D3 v4 and Dimple, with ten SVG charts. It displays yearly flight totals as bars, the proportion of on-time versus cancelled flights as a pie chart, and cancelled flight counts by year and by cancellation code. Additional bar charts break down flight volume by month, day of month, and day of week. The data is loaded from JSON files and rendered with dimple.js, with custom red series styling for highlighted circles.

Aaguijarro
78% match
Loading thumbnail…

Major U.S. Destination Airports

This visualization maps major U.S. destination airports using a conic conformal projection rendered with d3.geoPath. Each flight destination appears as a semi-transparent red circle, with overlapping points creating darker regions that indicate higher flight density. State boundaries come from the U.S. Atlas TopoJSON, while flight data is loaded from a CSV containing latitude and longitude coordinates. The React application uses d3.geoAlbers with fitExtent to scale the map, and includes graticules and a sphere outline for geographic context.

JJosvin John
78% match
Loading thumbnail…

Major U.S. Airports based on Departure Delay grouped by time of day(includes Pan & Zoom, Hover highlighting of state, Tooltips & Brushing with React Performance Optimization)

This example combines a U.S. map with a histogram to visualize major airport departure delays grouped by time of day. The map uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries with circles scaled by `d3.scaleSqrt` representing delay magnitude, while the histogram bins flights by `SCHEDULED_DEPARTURE` using `d3.histogram`. Pan and zoom via `d3.zoom`, hover state highlighting, tooltips, and brush filtering are implemented, optimized with React `useMemo` and a custom `ZoomContainer` that wraps SVG transforms. Data comes from a CSV of flight delays and the US Atlas TopoJSON.

JJosvin John
76% match
Loading thumbnail…

airtraffic dashboard

This dashboard presents twelve interactive views of air traffic data, including a year-by-month passenger heatmap with a `d3.scaleSequential` Turbo color scale, an airline performance bar chart with tooltips, and trend, CO₂, and correlation analyses. Each chart is toggled via buttons that control CSS `display`. The visualizations use D3 v7 to fetch a CSV from a GitHub gist and render SVGs with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleBand`/`d3.scaleLinear`, styled with a dark cyan-on-black theme.

Cchengalvasharanya@gmail.com
76% match
Loading thumbnail…

Dashboard

This dashboard presents a comprehensive visualization of flight statistics, displaying ten distinct charts that explore different dimensions of airline performance data. The layout includes a bar chart showing yearly flight totals, a pie chart illustrating the proportion of on-time versus cancelled flights, and grouped bar charts comparing flight cancellations by year and by cancellation code. Additional charts display monthly flight trends and distributions across days of the month and days of the week. The visualizations are built with D3.js v4 and rendered as SVG elements using the Dimple.js charting library, with each chart having its own container and consistent styling. The color scheme uses a custom palette with green, purple, blue, red, and gray tones, and the dashboard presents airline flight data in a multi-chart format for comprehensive analysis.

Aaguijarro
76% match