Post Office Scatter Plot

100%

Post Office Scatter Plot

✓ Published0🌍 Public

Last edited Sep 27, 2021

Created on Sep 14, 2021

Forked from Baseball Scatter Plot Showing Hits and Homeruns

This scatter plot displays the latitude and longitude of thousands of US post offices, with each semi-transparent circle representing a single location. Built with D3 v6 and SVG, it maps the dataset’s geographic coordinates onto linear scales using `d3.scaleLinear` and `d3.extent`, rendering circles with a radius of two pixels. The axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the data is loaded asynchronously from a CSV file hosted in a GitHub gist. The visualization reveals the density of post offices across the continental United States, with clusters forming along the East and West coasts.

AI-generated description

A scatter plot showing latitude and longitude of US post offices from the US post offices dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot - Postsecondary Schools

A scatter plot displays the geographic coordinates of postsecondary schools across the US, with each point representing an institution’s X and Y location. The visualization includes labeled x- and y-axes, and the plot fills the entire browser window. Built with D3 v6, the code loads CSV data from a GitHub Gist, parses the coordinates as numbers, and uses `scaleLinear` to map the data to screen positions. Circles are rendered via SVG, with axes generated using `axisLeft` and `axisBottom`.

PPhilip Rago

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of U.S. states from 2018 data, with each state represented as a circle positioned along a linear population axis and a categorical state axis. The visualization is rendered as an SVG using D3 v5, where the circle coordinates are computed via the `scaleLinear` and `scalePoint` scales, and axes are drawn with `axisBottom` and `axisLeft`. The chart includes a title and axis label, with population values formatted using D3's `format` function to abbreviate large numbers.

PPerry

73% match

Loading thumbnail…

Steve's Scatter Plot of State Lats and Longs

A scatter plot maps longitude and latitude coordinates for U.S. states, with each state colored categorically via a d3.scaleOrdinal legend. Built with React and D3 v5, the visualization uses scaleLinear axes, SVG circles for marks, and a tooltip formatted with d3.format. The data is loaded as CSV from a GitHub gist, and axes and legends are rendered as reusable React components.

Bbootshine2

73% match

Loading thumbnail…

Loading and Parsing Post Office Data

This example displays a summary of a parsed dataset of historical United States post office locations, showing the data’s size in kilobytes, the number of rows, and the number of columns. Using the D3.js library (version 5), the code loads a CSV file from a GitHub raw URL via `d3.csv`, then computes the formatted size with `d3.csvFormat`. The results are rendered as plain text inside a `<pre>` element, with the font size enlarged via CSS.

RRobert Johnson

72% match

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot maps the longitude and latitude of cities from a CSV sample dataset, showing their geographic positions. Each circle represents a city, plotted with D3's `d3.scaleLinear()` for the x and y axes. The visualization uses the D3 v4 library alongside `d3.legendColor` to generate a color legend, though the color encoding is disabled in this version. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with grid lines and labels for clarity. The data is loaded using `d3.csv`, parsing the lat and lng values for each point.

CCurran Kelleher

71% match

Loading thumbnail…

scatter plot

A scatter plot displays population figures for ten countries, with each circle positioned along a linear population axis and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, rendering SVG circles with a steelblue fill. Data comes from a CSV file, with populations multiplied by 1000 and formatted using `format('.3s')` to show billions. Gridlines extend across the plot, and axis labels are added via appended SVG text elements.

Llinkshady

70% match

Loading thumbnail…

Scatterplot

This scatterplot visualizes the relationship between distance from the center of the contiguous United States and the cost of a 20-minute, 10-mile ride for various cities. Each point is colored blue and includes a tooltip showing the city name and exact values on hover. The code loads data from a TSV file using `d3.csv`, scales the x and y axes with `d3.scale.linear`, and computes domains with `d3.extent`. It renders SVG circles, axes via `d3.svg.axis`, and uses `d3.scale.category10` for legend colors.

LLauraCortes

70% match

Loading thumbnail…

Population Scatter Plot

This scatter plot displays the population of each U.S. state along the horizontal axis, with state names on the vertical axis. Built with D3 v5, it uses `scaleLinear` for the population scale and `scalePoint` for the categorical state axis, rendering circles via SVG. Data is loaded from a CSV file using D3’s `csv` method, with axes created by `axisBottom` and `axisLeft`. Tick labels are formatted using `format` to abbreviate large numbers with "B" for billions, and the chart includes a title and axis label.

HHarshinireddyy19

70% match