USA AIRPORT

100%

✓ Published2🌍 Public

Last edited Oct 19, 2022

Created on Oct 15, 2022

Forked from USA AIRPORT ON_TIME PERFORMANCE

A map of USA airports displays each location as a gray circle with a two-letter abbreviation label, overlaid on a geographic projection of US states. The visualization uses D3 v5 with geoAlbers and geoPath for map rendering, while React components manage the SVG structure. Airport coordinates are loaded from a CSV file, and state boundaries come from a TopoJSON atlas. The map is complemented by a separate time-series histogram showing monthly totals of dead and missing individuals, built with D3's scaleTime, bin, and sum functions.

AI-generated description

A map showing location of most of the airports in USA. Project Information.

MIT Licensed

Similar vizzes

Loading thumbnail…

USA AIRPORT ON_TIME PERFORMANCE

This visualization displays the on-time performance of US airports, plotting each city with a gray circle positioned according to its latitude and longitude. The map is rendered using React and D3’s geoAlbers projection, with state boundaries, graticules, and a sphere background drawn via d3.geoPath. City coordinates are loaded from a CSV file using d3.csv, while state topology comes from TopoJSON, with interior borders generated using topojson’s mesh function. The visualization uses d3.v5 and React 16.9, with all marks rendered as SVG elements.

Yyyaaa1

84% match

Loading thumbnail…

USA AIRPORT ON_TIME PERFORMANCE

This map visualizes the locations of U.S. airports and their on-time performance. Each circle represents an airport, positioned using the `d3.geoAlbers` projection and rendered via `d3.geoPath` in an SVG. The choropleth-like map shows state boundaries and interiors using TopoJSON data from the us-atlas package, while airport data is loaded from a CSV with the `d3.csv` API. Hovering over a circle reveals the airport name and state via a native SVG `<title>` element. The visualization is built with React 16 and D3 v5.

XXinting Yao

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

82% match

Loading thumbnail…

A Map for USA Airport

This map visualization displays the distribution of airports across the United States, with each circle representing an airport positioned by its latitude and longitude, colored by state, and showing the airport name on hover. Built with vega-lite-api, it uses the `vl.markCircle` method with latitude and longitude encoding streams to project the geographic data points. The code loads airport information from a CSV file using d3.csv, applies custom axis and label styling through a shared config object, and renders the final chart with vega and vega-lite in an SVG view.

XXinting Yao

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…

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

79% match

Loading thumbnail…

USA Map

This visualization shows a map of the United States with state boundaries, rendered as SVG using React components. The map displays land areas in tan, state borders in black, and a light blue sphere background. The code uses d3.geoAlbers for the projection, d3.geoPath to generate paths, and d3.geoGraticule for grid lines, though graticules are defined but not rendered. Data comes from the us-atlas TopoJSON file, processed with topojson.feature for the nation outline and topojson.mesh for state interiors.

Ttarungunda

78% match

Loading thumbnail…

USA Country Map

This USA country map visualizes the fifty states and their internal borders using the geoAlbersUsaTerritories projection from the `geo-albers-usa-territories` package, with geographic data loaded from the `us-atlas` TopoJSON source. The React-based app fetches the topology via `useEffect` and `d3.json`, then passes land features and interior state boundaries as props to a marks component. Rendering uses `d3.geoPath` to convert GeoJSON into SVG paths, with land areas filled teal and state boundaries stroked in black, while a CSS hover effect highlights individual states. The visualization is built with D3 v5, React 16, and TopoJSON.

Ssainitish1999

77% match