├── .gitignore ├── CNAME ├── banner.png ├── favicon.png ├── fonts ├── PPEditorialNew-Italic.otf ├── PPEditorialNew-Regular.otf ├── PPEditorialNew-Ultrabold.otf ├── TestUntitledSans-Medium.otf ├── TestUntitledSans-Regular.otf ├── PPEditorialNew-Ultralight.otf ├── PPEditorialNew-UltraboldItalic.otf └── PPEditorialNew-UltralightItalic.otf ├── robots.txt ├── caret-down.svg ├── README.md ├── crimeagg_neighborhood.json ├── .github └── workflows │ └── static.yml ├── index.html └── neighborhood_choropleth.html /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | whatssafeinsf.com -------------------------------------------------------------------------------- /banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/banner.png -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/favicon.png -------------------------------------------------------------------------------- /fonts/PPEditorialNew-Italic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-Italic.otf -------------------------------------------------------------------------------- /fonts/PPEditorialNew-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-Regular.otf -------------------------------------------------------------------------------- /fonts/PPEditorialNew-Ultrabold.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-Ultrabold.otf -------------------------------------------------------------------------------- /fonts/TestUntitledSans-Medium.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/TestUntitledSans-Medium.otf -------------------------------------------------------------------------------- /fonts/TestUntitledSans-Regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/TestUntitledSans-Regular.otf -------------------------------------------------------------------------------- /fonts/PPEditorialNew-Ultralight.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-Ultralight.otf -------------------------------------------------------------------------------- /fonts/PPEditorialNew-UltraboldItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-UltraboldItalic.otf -------------------------------------------------------------------------------- /fonts/PPEditorialNew-UltralightItalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HudZah/HowSafeIsSF/HEAD/fonts/PPEditorialNew-UltralightItalic.otf -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / 3 | Disallow: /fonts/ 4 | Disallow: /favicon.png 5 | Disallow: /neighborhood_heatmap.html 6 | Disallow: /neighborhood_choropleth.html 7 | -------------------------------------------------------------------------------- /caret-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HowSafeIsSF 2 | Since 2018, the City of San Francisco has been working to improve the safety of its neighborhoods. This project visualizes the data that the City has collected over the past year to show how the safety of neighborhoods has changed. 3 | 4 | Screenshot 2024-05-15 at 6 17 19 PM 5 | Screenshot 2024-05-15 at 6 17 37 PM 6 | -------------------------------------------------------------------------------- /crimeagg_neighborhood.json: -------------------------------------------------------------------------------- 1 | {"count":{"Mission":85671.0,"Tenderloin":84209.0,"South of Market":65911.0,"Financial District\/South Beach":62944.0,"Bayview Hunters Point":53675.0,"North Beach":26862.0,"Western Addition":26488.0,"Sunset\/Parkside":24354.0,"Nob Hill":23187.0,"Castro\/Upper Market":22974.0,"Marina":22414.0,"Hayes Valley":22058.0,"Russian Hill":19401.0,"Outer Richmond":18385.0,"West of Twin Peaks":16545.0,"Bernal Heights":15490.0,"Chinatown":14977.0,"Pacific Heights":14433.0,"Mission Bay":14237.0,"Excelsior":13965.0,"Potrero Hill":13556.0,"Haight Ashbury":13111.0,"Outer Mission":11979.0,"Inner Richmond":10820.0,"Lakeshore":10571.0,"Inner Sunset":10530.0,"Lone Mountain\/USF":9909.0,"Portola":9475.0,"Noe Valley":9028.0,"Visitacion Valley":9023.0,"Oceanview\/Merced\/Ingleside":8780.0,"Golden Gate Park":8519.0,"Japantown":8293.0,"Presidio Heights":5300.0,"Glen Park":4627.0,"Twin Peaks":4099.0,"Treasure Island":2922.0,"Presidio":1663.0,"Lincoln Park":1337.0,"Seacliff":1123.0,"McLaren Park":1035.0}} -------------------------------------------------------------------------------- /.github/workflows/static.yml: -------------------------------------------------------------------------------- 1 | # Simple workflow for deploying static content to GitHub Pages 2 | name: Deploy static content to Pages 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["main"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. 19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. 20 | concurrency: 21 | group: "pages" 22 | cancel-in-progress: false 23 | 24 | jobs: 25 | # Single deploy job since we're just deploying 26 | deploy: 27 | environment: 28 | name: github-pages 29 | url: ${{ steps.deployment.outputs.page_url }} 30 | runs-on: ubuntu-latest 31 | steps: 32 | - name: Checkout 33 | uses: actions/checkout@v4 34 | - name: Setup Pages 35 | uses: actions/configure-pages@v5 36 | - name: Upload artifact 37 | uses: actions/upload-pages-artifact@v3 38 | with: 39 | # Upload entire repository 40 | path: '.' 41 | - name: Deploy to GitHub Pages 42 | id: deployment 43 | uses: actions/deploy-pages@v4 44 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | How Safe is SF? 13 | 18 | 326 | 327 | 328 |
329 | By HudZah 330 |
331 |
332 |

How Safe is

333 |
334 |

San Francisco

335 | 340 | 383 |
384 |
385 |
386 |

387 |
388 |

389 | Since 2018, the City of San Francisco has been working to improve the safety of its neighborhoods. This project visualizes the data that the City has collected over the past year to show how the safety of neighborhoods has changed. 390 |

391 |

392 | When analyzing the safety of San Francisco neighborhoods, it's clear that some areas experience significantly higher crime rates than others. For instance, the Mission neighborhood tops the list with a staggering 85,671 incidents, closely followed by Tenderloin. On average, the most dangerous neighborhoods are 6 times more prone to crime than the average. 393 |

394 | 395 |

396 | An incident is defined as a reported crime that occurs in a neighborhood. This includes crimes such as Larceny Theft, Malicious Mischief, Assault, Burglary, Motor Vehicle Theft, Fraud, Lost Property, Warrant, Drug Offense, Robbery, Missing Person and more. 397 |

398 |

Friday the 13th?

399 |

400 | Oddly, Fridays see the highest number of incidents at 130,389 while Sundays have the least with 111,734 incidents. 401 |

402 | 403 |

January: Crime's Favorite Month

404 |

405 | The month of January records the highest number of incidents at 79,137 while November has the fewest with 65,721 incidents. 406 |

407 | 408 |

Watch Your Step

409 |

410 | Analyzing the intersections of where the most incidents occured is a great way to get a sense of the neighborhoods that are most dangerous. The average number of incidents per intersection is 106 meaning that the most dangerous intersection, Market/Powell, is 45 times more dangerous than the average. 411 |

412 | 413 |

How Safe is SF?

414 |

415 | Below, is a Choropleth Map of the most dangerous neighborhoods in San Francisco. The map shows the number of incidents in each neighborhood, with the color representing the number of incidents. 416 |

417 |

418 | An important insight from this is that, although Mission has the most reported incidents, it is also the largest and most densely populated neighborhood in San Francisco. 419 |

420 |
421 | 422 |
423 | Neighborhood Choropleth Map 424 |
425 |
426 |

427 | We notice this more when analyzing the heatmap of incidents. Incidents across Mission are much more spread out than incidents across Tenderloin. Therefore, it's unfair to say that the neighborhoods are equally dangerous. 428 |

429 | 430 |
431 | Neighborhood Heatmap 432 |
433 |
434 |
435 |

Disclaimer

436 |
437 |

438 | The data presented on this website is for informational purposes only. The current data is from the 1st of Jauary 2018 to 15th of May 2024. We make no guarantees about the completeness, reliability, or accuracy of the data. Use this information at your own risk. 439 |

440 |
441 |
442 |

Shout Outs

443 |
444 |

445 | Josh Wolk for font inspiration, Wilbur Zhang and Aileen Luo for the immaculate design advice, and Brooke Joseph for the text 'You should make a map of all the dangerous neighbourhoods in sf lol' 446 |

447 |

448 | Analysis Neighborhoods Data 449 |

450 |

451 | 452 | Police Department Incident Reports Data 453 | 454 |

455 |

456 | 457 | San Francisco Neighborhood Shapefiles 458 | 459 |

460 |
461 |
462 | 463 |
464 |
465 |
466 |
467 | 542 | 543 | 544 | 850 | 851 | 852 | -------------------------------------------------------------------------------- /neighborhood_choropleth.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 27 | 37 | 38 | 39 | 40 | 54 | 55 | 56 | 57 | 58 | 59 |
60 | 61 | 62 | 235 | --------------------------------------------------------------------------------