Skip to main content
SimilarExport ZIP
100%

SF 311 Calls

✓ Published1🌍 Public
AAnna Callahan
Last edited Jun 9, 2019
Created on Jun 9, 2019

This scatter plot maps the locations of 311 calls reporting human waste in San Francisco’s Mission District, using latitude and longitude coordinates. Each translucent blue circle represents a reported incident, with the plot showing the spatial distribution across the neighborhood. Built with D3 v5, the visualization uses the `scaleLinear` function for the x and y axes, `axisBottom` and `axisLeft` for tick marks, and appends SVG circles. Data comes from a CSV file loaded via the `csv` function, filtered to remove zero-longitude entries.

AI-generated description

This scatter plot maps 311 reports of human waste in The Mission.

MIT Licensed

Similar vizzes

Loading thumbnail…

SF 311 Calls

This scatter plot maps the locations of 311 calls reporting human waste in San Francisco’s Mission District, using latitude and longitude coordinates. Each translucent blue circle represents a reported incident, with the plot showing the spatial distribution across the neighborhood. Built with D3 v5, the visualization uses the `scaleLinear` function for the x and y axes, `axisBottom` and `axisLeft` for tick marks, and appends SVG circles. Data comes from a CSV file loaded via the `csv` function, filtered to remove zero-longitude entries.

AAnna Callahan
100% match
Loading thumbnail…

311 Calls

A scatter plot titled "311 Data: Waste in The Mission" displays the relationship between time (on the x-axis) and service request IDs (on the y-axis) for waste-related 311 calls. Using D3 v5, the code loads a CSV dataset from VizHub, applies linear scales via `d3.scaleLinear`, and renders circles with a fixed radius. It constructs axes using `d3.axisLeft` and `d3.axisBottom` with grid lines, and displays the data as red, semi-transparent circles within an SVG canvas.

AAnna Callahan
83% match
Loading thumbnail…

11.a - sanfran temp scatta'plot - dataviz 2018

This visualization shows a week of temperature measurements in San Francisco as a scatterplot, with each circle representing a temperature reading over time. The data comes from the Data Canvas - Sense Your City project and is loaded via `d3.csv`. The code uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are rendered in SVG with a fixed radius and semi-transparent steelblue fill. Gridlines are drawn via tick marks, and the chart includes labeled axes for temperature and time.

Zzach b.
69% match
Loading thumbnail…

HW1 Chart1

This bar chart shows the number of 911 calls per police district in San Francisco, with districts ordered alphabetically along the x-axis and call counts on the y-axis. Each bar is rendered as an SVG rectangle using D3 v4’s data join, with a steelblue fill that turns brown on hover. The chart includes labeled axes, a title, and a horizontal grid generated via `d3.axisLeft` with custom tick sizing, while the data is loaded from a tab-separated `data.tsv` file using `d3.tsv`.

LLjfernando
69% match
Loading thumbnail…

sf temp scat

A scatterplot displays hourly temperature readings in San Francisco over time, with red semi-transparent circles plotted along a time-based x-axis and a linear temperature y-axis. The visualization uses D3 v7's scaleTime, scaleLinear, extent, and axis functions within an SVG rendered in React. Data loads from a CSV file, converts timestamp strings to Date objects, and renders with labeled axes, grid lines, and a title.

CCalvin.
68% match
Loading thumbnail…

Temp SF scatter plot

This scatter plot displays temperature readings over time in San Francisco, with each circle representing a data point plotted using linear scales for both axes. The SVG visualization uses d3.csv to load the dataset, d3.scaleLinear and extent to compute domains, and d3.axisBottom and axisLeft to render labeled axes with gridlines. Circles are styled with steelblue fill and partial opacity, while axis labels and a title are added as SVG text elements.

Yyouri7
68% match
Loading thumbnail…

D3 Temp in San Francisco Scatterplot

This scatterplot visualizes temperature readings in San Francisco over time, with each circle positioned along a time-based x-axis and a temperature-based y-axis. The chart includes labeled axes, a title, and a clean gridline structure using D3 v5. The code loads CSV data via `d3.csv`, parses timestamps and numeric temperatures, and renders the SVG using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Circles are appended with fixed radius, and margins are applied to position the visualization within the 960×500 SVG canvas.

Rrdeichert
68% match
Loading thumbnail…

Temperatures - San Francisco

This visualization displays the temperature in San Francisco over time as a scatterplot of circles, with time on the x-axis and temperature on the y-axis. The code reads the data from a CSV file using d3.csv, then renders an SVG chart. It employs d3.scaleTime and d3.scaleLinear to map data, d3.axisBottom and d3.axisLeft with tick lines to form the grid, and formats axes with labels and a title. Circle positions are set via xScale and yScale attributes.

Bbukbukbukka
68% match