This repository presents a collection of interactive Information Visualization projects by Wenjun Dong, all themed around airline and transportation datasets, and implemented using modern web visualization techniques.
Hosted on Vercel, each assignment showcases a different data interaction and storytelling approach through linked views, bar charts, scatterplots, maps, and network-style bubbles.
| Assignment | Description | Link |
|---|---|---|
| Assignment 4 | CitiBike trip duration analysis with linked views | View App |
| Assignment 5 | Interactive airline route explorer | View App |
| Assignment 6 | Airline hub city visualization | View App |
An interactive dual-view visualization exploring monthly CitiBike trip data.
- Dataset: CitiBike NYC trip data (start time, end time, station).
- Left view: A scatterplot of trip start vs. end durations.
- Right view: A bar chart showing trip counts per start station.
- Linked interaction:
- Selecting a point in the scatterplot highlights the corresponding station in the bar chart and vice versa.
- Technology highlights:
- D3.js-based brush and zoom interactions.
- Visual emphasis using color and shape changes.
- Dynamic filtering by month using a dropdown + slider.
📷 
📷 
Explore the global coverage of major airlines through bar charts and flight path visualizations.
- Dataset: OpenFlights route + airline data.
- Left view: Bar chart showing the number of routes per airline.
- Right view: A world map plotting airline routes from a selected airline.
- Interactions:
- Clicking on a bar filters the map to show routes only for that airline.
- Hovering highlights specific paths and airlines.
- Technology highlights:
- GeoJSON and projection handling with D3.
- Modular filtering and chart linking logic.
📷 
Built upon Assignment 5, this enhanced visualization adds airline hub city analysis through a bubble diagram.
- Additional view: A bubble chart that visualizes top 5 hub cities for the selected airline.
- Definition of hub: Cities with the most outbound routes for a given airline.
- Components:
- Airline bar chart (same as Assignment 5).
- Airport route map (same as Assignment 5).
- Bubble chart showing hub intensity (by route count).
- Technology highlights:
- Bubble packing algorithm with scalable text and color coding.
- Fully reactive updates across all three views.
- Increased visual storytelling by surfacing geographic centers of airline operations.
📷 
- Frontend: Next.js, React
- Data Viz: D3.js, SVG, Canvas
- Mapping: D3 Geo + projection pipelines
- Deployment: Vercel
Wenjun Dong
Data Science Major @ NYU Shanghai
GitHub Profile