Skip to main content
Log in
A

Anna Callahan

@annacalla14·4 public 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.

Jun 9, 2019
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.

Jun 9, 2019
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.

Jun 9, 2019
Loading thumbnail…

311 Waste Reports in The Mission

This bar chart visualizes the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The x-axis represents population counts, while the y-axis lists country names. Built with d3.v5, the code uses d3.select, d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to render SVG rectangles. The data is loaded from data.csv and multiplied by 1000 before being mapped to the chart’s scales.

Jun 9, 2019