Created
April 24, 2015 18:46
-
-
Save emilylaackman/60fdc15be3dc485f522d to your computer and use it in GitHub Desktop.
Chicago Crimes Arrest %
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| primary_description | crime_count | percent_arrests | percent_arrestNUM | crime_count_all | crime_description | percent_crime_all | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Arson | 35 | 8.79% | 8.79 | 398 | Arson | 8.79 | |||||||||
| Assault | 4435 | 25.82% | 25.82 | 17177 | Assault | 25.82 | |||||||||
| Battery | 12283 | 24.81% | 24.81 | 49510 | Battery | 24.81 | |||||||||
| Burglary | 714 | 5.07% | 5.07 | 14073 | Burglary | 5.07 | |||||||||
| Concealed Carry License Violation | 8 | 53.33% | 53.33 | 15 | Concealed Carry License Violation | 53.33 | |||||||||
| Crim Sexual Assault | 118 | 9.56% | 9.56 | 1234 | Crim Sexual Assault | 9.56 | |||||||||
| Criminal Damage | 2033 | 7.29% | 7.29 | 27889 | Criminal Damage | 7.29 | |||||||||
| Criminal Trespass | 5234 | 71.46% | 71.46 | 7324 | Criminal Trespass | 71.46 | |||||||||
| Deceptive Practice | 1196 | 8.64% | 8.64 | 13835 | Deceptive Practice | 8.64 | |||||||||
| Gambling | 410 | 99.76% | 99.76 | 411 | Gambling | 99.76 | |||||||||
| Homicide | 129 | 29.93% | 29.93 | 431 | Homicide | 29.93 | |||||||||
| Interference With Public Officer | 1385 | 94.73% | 94.73 | 4 | Human Trafficking | 0.00 | |||||||||
| Intimidation | 27 | 22.88% | 22.88 | 1462 | Interference With Public Officer | 94.73 | |||||||||
| Kidnapping | 14 | 6.64% | 6.64 | 118 | Intimidation | 22.88 | |||||||||
| Liquor Law Violation | 376 | 99.21% | 99.21 | 211 | Kidnapping | 6.64 | |||||||||
| Motor Vehicle Theft | 741 | 7.49% | 7.49 | 379 | Liquor Law Violation | 99.21 | |||||||||
| Narcotics | 26890 | 99.81% | 99.81 | 9894 | Motor Vehicle Theft | 7.49 | |||||||||
| Obscenity | 25 | 75.76% | 75.76 | 26940 | Narcotics | 99.81 | |||||||||
| Offense Involving Children | 349 | 16.05% | 16.05 | 12 | Non - Criminal | 0.00 | |||||||||
| Other Narcotic Violation | 6 | 75.00% | 75.00 | 18 | Non-Criminal | 0.00 | |||||||||
| Other Offense | 4280 | 25.37% | 25.37 | 33 | Obscenity | 75.76 | |||||||||
| Other Offense | 5 | 71.43% | 71.43 | 2174 | Offense Involving Children | 16.05 | |||||||||
| Prostitution | 1747 | 99.60% | 99.60 | 8 | Other Narcotic Violation | 75.00 | |||||||||
| Public Indecency | 10 | 100.00% | 100.00 | 16870 | Other Offense | 25.37 | |||||||||
| Public Peace Violation | 2354 | 80.73% | 80.73 | 7 | Other Offense | 71.43 | |||||||||
| Robbery | 935 | 9.62% | 9.62 | 1754 | Prostitution | 99.60 | |||||||||
| Sex Offense | 198 | 23.35% | 23.35 | 10 | Public Indecency | 100.00 | |||||||||
| Stalking | 26 | 18.06% | 18.06 | 2916 | Public Peace Violation | 80.73 | |||||||||
| Theft | 7241 | 12.06% | 12.06 | 9715 | Robbery | 9.62 | |||||||||
| Weapons Violation | 2708 | 82.46% | 82.46 | 848 | Sex Offense | 23.35 | |||||||||
| 144 | Stalking | 18.06 | |||||||||||||
| 60045 | Theft | 12.06 | |||||||||||||
| 3284 | Weapons Violation | 82.46 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Transition Delays</title> | |
| <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script> | |
| <style type="text/css"> | |
| body { | |
| background-color: white; | |
| font-family: Tahoma, Arial, sans-serif; | |
| } | |
| h1 { | |
| font-size: 44px; | |
| margin: 0; | |
| } | |
| p { | |
| font-size: 20px; | |
| margin: 10px 0 0 0; | |
| } | |
| svg { | |
| background-color: white; | |
| } | |
| circle:hover { | |
| fill: orange; | |
| } | |
| .axis path, | |
| .axis line { | |
| fill: none; | |
| stroke: black; | |
| shape-rendering: crispEdges; | |
| } | |
| .axis text { | |
| font-family: sans-serif; | |
| font-size: 11px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Chicago Crime Types vs. Percent of Arrests</h1> | |
| <p>Chicago crime data through the past year, upated regularly. Source: <a href="http://catalog.data.gov/dataset/crimes-one-year-prior-to-present-e171f">Data.Gov</a>, 2015</p> | |
| <script type="text/javascript"> | |
| var w = 700; | |
| var h = 600; | |
| var padding = [ 20, 10, 50, 50 ]; //Top, right, bottom, left | |
| var xScale = d3.scale.linear() | |
| .range([ padding[3], w - padding[1] - padding[3] ]); | |
| var yScale = d3.scale.linear() | |
| .range([ padding[0], h - padding[2] ]); | |
| var xAxis = d3.svg.axis() | |
| .scale(xScale) | |
| .orient("bottom") | |
| .ticks(15); | |
| var yAxis = d3.svg.axis() | |
| .scale(yScale) | |
| .orient("left") | |
| .tickFormat(function(d) { | |
| return d + "%"; | |
| }); | |
| var svg = d3.select("body") | |
| .append("svg") | |
| .attr("width", w) | |
| .attr("height", h); | |
| d3.csv("chicagocrimes_arrests_locationpercent.csv", function(data) { | |
| xScale.domain([ | |
| d3.min(data, function(d) { | |
| return +d.crime_count_all; | |
| }), | |
| d3.max(data, function(d) { | |
| return +d.crime_count_all; | |
| }) | |
| ]); | |
| yScale.domain([ | |
| d3.max(data, function(d) { | |
| return +d.percent_crime_all; | |
| }), | |
| d3.min(data, function(d) { | |
| return +d.percent_crime_all; | |
| }) | |
| ]); | |
| var circles = svg.selectAll("circle") | |
| .data(data) | |
| .enter() | |
| .append("circle"); | |
| circles.attr("cx", function(d) { | |
| return xScale(d.crime_count_all); | |
| }) | |
| .attr("cy", function(d) { | |
| return yScale(d.percent_crime_all); | |
| }) | |
| .attr("r", 0.1) | |
| .attr("fill", "#6b6ecf") | |
| .append("title") | |
| .text(function(d) { | |
| return d.crime_description + " accounts for " + d.crime_count_all + " crimes, " + d.percent_crime_all + "% of which resulted in arrest"; | |
| }); | |
| circles.sort(function(a, b) { | |
| return d3.descending(+a.percent_crime_all, +b.percent_crime_all); | |
| }) | |
| .transition() | |
| .delay(function(d, i) { | |
| return i * 50; | |
| }) | |
| .duration(2000) | |
| .attr("r", 6); | |
| svg.append("g") | |
| .attr("class", "x axis") | |
| .attr("transform", "translate(0," + (h - padding[2] + 10) + ")") | |
| .call(xAxis); | |
| svg.append("g") | |
| .attr("class", "y axis") | |
| .attr("transform", "translate(" + (padding[3] - 10) + ",0)") | |
| .call(yAxis); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment