Pezanne Khambatta

@pkhambat1·4 public vizzes

SF Arrests

This visualization maps San Francisco arrest incidents from the most recent week, using points to show their locations within city neighborhoods. It draws a basemap with neighborhood outlines and streets using D3 geo projections and `d3.geoPath`, loading GeoJSON from SODA API endpoints. Arrest data is fetched live from the Socrata API with D3’s `d3.json`, filtering for citations or arrests and applying a conic equal-area projection. Interactive tooltips and highlighting respond to mouse events on neighborhood paths.

Mar 27, 2020

Loading thumbnail…

Gun Deaths in Florida

This D3.js SVG visualization tracks the number of murders committed with firearms in Florida between 1980 and 2016, using a red area chart to emphasize the rise in gun deaths following the state's 2005 "Stand Your Ground" law. The chart uses a linear x-axis for years and a y-axis scaled from 0 to 1,000, with grid lines and axis labels generated via `d3.axisTop` and `d3.axisLeft`. Data is loaded from a local CSV file using `d3.csv` and filtered to the relevant years. The visualization is styled with the Fira Sans font and includes annotations pointing to the 2005 legislative change.

Feb 21, 2020

Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. It demonstrates customization of D3 axes by removing default axis lines, styling tick marks, and applying a custom tick format that converts values to abbreviated numbers with 'B' for billions. The visualization uses D3's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, with SVG rendering. Population data is read from a CSV file, multiplied by 1000, and mapped to bar widths.

Feb 14, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart visualizes the relationship between median parent household income and student mobility rate for universities in California, using data from Opportunity Insights. Each circle represents a college, positioned by income and mobility, sized by average cohort count, and colored by the trend in parents from the bottom income quintile. The visualization uses D3 v5 scales including scaleLinear, scaleSqrt, and scaleDiverging with interpolatePiYG, plus custom gradient-based color legends and d3-legend for circle sizing. Data is loaded from a CSV file and filtered to California institutions.

Feb 14, 2020