Aryan Dilip Choudhary

@aryandc·8 public vizzes

SF Arrests

This visualization maps police incidents resulting in arrests in San Francisco over the past week, using a conic equal-area projection with Analysis Neighborhoods as the basemap and streets for context. It loads arrest data via the SODA API, filtering for resolutions starting with "Cite or Arrest" and a date range. D3 v5’s `d3.geoPath` renders the GeoJSON basemap and streets as SVGs, while colored circles mark arrest locations. The code uses `d3.json` for data loading, `d3.timeDay` for date calculations, and interactive tooltips highlight neighborhood names on hover.

Apr 10, 2020

Loading thumbnail…

SF Arrests

This example shows the last week of San Francisco arrests that resulted in a citation or arrest, mapped by neighborhood and overlaid with street data. It uses a conic equal-area projection via `d3.geoConicEqualArea` and renders neighborhood boundaries, streets, and arrest symbols with `d3.geoPath`. The arrest data is fetched from the SODA API, while basemap and street features are loaded from GeoJSON files. Hovering over a neighborhood highlights its outline and shows its name in a tooltip.

Mar 27, 2020

Loading thumbnail…

Midterm Project

This interactive visualization analyzes the San Francisco Fire Department Calls for Service dataset to assess station placement. It presents an overall objective of determining if existing stations are properly positioned to serve the city and whether new stations are needed. The React-based tool (built with Bulma for styling) provides a home section outlining the analysis goal and a data section detailing the dataset's scope, which includes over 5.21 million records with 34 columns. The interface uses Font Awesome icons for navigation between these sections, allowing users to explore the context and raw data behind the spatial analysis.

Feb 22, 2020

Loading thumbnail…

Gun deaths in Florida

This example re-creates the "Gun deaths in Florida" chart, showing the number of firearm murders per year from 1980 to 2018. The visualization combines a red area chart with an overlaid line and points, using an SVG rendering with D3 v5 scales and axes to map the data from the Florida Department of Law Enforcement. It includes a note marking the 2005 enactment of the "Stand Your Ground" law and uses D3's `d3.area`, `d3.line`, and `d3.axisBottom` and `d3.axisLeft` functions to construct the plot.

Feb 21, 2020

Loading thumbnail…

Air Traffic Demographics for 2019

This visualization shows monthly air traffic passenger counts at San Francisco International Airport from January to September 2019, split by domestic and international flights. Blue bars represent domestic passengers, while orange bars represent international passengers, with bar length indicating passenger volume. The chart uses d3.scaleBand and d3.scaleLinear to position grouped bars, with d3.axisBottom and d3.axisLeft for the axes. Data is loaded from a CSV file using d3.csv and rendered as SVG with an animation transition. Source: DataSF air traffic statistics.

Feb 14, 2020

Loading thumbnail…

Air Traffic Demographics of Passenger Count vs Year (2011-2019)

This grouped bar chart shows monthly passenger counts for domestic and international flights departing San Francisco International Airport from September 2011 to September 2019, with blue and coral bars representing the two flight categories across a shared timeline. The visualization loads data from a CSV file, sorts entries chronologically, and uses `d3.nest()` to group rows by parsed date. It employs `d3.scaleBand()` for the x-axis, `d3.scaleLinear()` for the y-axis, and `d3.axisBottom`, `d3.axisLeft` to render axes. Data originates from DataSF, with the chart rendered as SVG with CSS-styled bar rectangles.

Feb 14, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart visualizes the mobility rate of California universities against median parent household income, with circle size representing average students per cohort and color indicating income trend changes. The visualization uses D3.js v5 with d3-scaleDiverging for color mapping, d3-scaleSqrt for circle sizing, and d3-legend for color and size legends. Data is filtered from Opportunity Insights Mobility Report Cards, with average reference lines and labeled circles for notable institutions.

Feb 14, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart displays the mobility rate of California universities, plotting median parent household income on the x-axis against the percentage of students from bottom-quintile families who reach the top quintile on the y-axis. Circle size encodes average cohort student count, while color represents the trend in parents from the bottom 20% income bracket. The implementation uses D3 v5's linear, sqrt, and diverging scales, alongside d3-legend for the color and size legends. Data originates from Opportunity Insights' Mobility Report Cards, filtered to California institutions. Averages are drawn using `d3.mean` and rendered as dashed lines.

Feb 14, 2020