HTML Font

2d:null 2e:["$","title",null,{"children":"Firearm Stocks and Mass Shootings | annaguldberg | Observable"}] 33:T642,md` ## Introduction

Mass shootings in the US have various effects on multiple aspects of the Amerian public state, finance and legislation. Mass gun violence incidents could have an impact on stock prices and trading volume, of firearm manufacuterers. It is unclear wheter a potential response would create a rise or fall in stock prices. Conflicting parameters are put into play - on one hand consumers may expect stricter gun control laws and one the other hand one could expect a rise in firearms sales, due to the notion that mass shootings historically has created a surge in consumer spendings of firearms (source). This notebook is created with the purpose to provide insighths into possible correlations between before mentioned parameters and some few other events, which we find relevant. We have sought to do this, using interactive charts and vizually represent the data, allowing a comprehensible representation of potential patterns. Hopefully this will enable the user to more easily glean insights from the data. We have obtained information about US mass shootings incidents from github (source) and stock data from America's largest firearm manufacturer AOBC, from a stock database (source).` 34:T510,md` ## 1) Mapped mass shootings, firearm stock prices and trading volume

US mass shootings

${stock_chart[0].toString().slice(0, 15)} - ${stock_chart[1].toString().slice(0, 15)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"html`\n\n\n HTML Font\n \n\n

Firearm manufacturer stocks

${stock_chart[0].toString().slice(0, 15)} - ${stock_chart[1].toString().slice(0, 15)}

\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"md`_______________________________________________________________________________________`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"html`\n
\n\n HTML Font\n \n\n

Firearm manufacturer stocks with major events

Aug 17 1999 - May 17 2019

\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"event_chart = {\n\tlabelAnnotations // Make this cell dependent on annotations so the chart will redraw on annotation updates\n\treturn render_linechart(maxStock_data, xAxis_event, yAxis_event, line, DEBUG)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":904,"value":"md`_______________________________________________________________________________________`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"md`\n### For more details please visit the link below:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"md` Jupyter Notebook `\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"md`_______________________________________________________________________________________`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"md`\n### Download files\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":840,"value":"DOM.download(serialize(gun_data), null, \"Mass shooting CSV\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"DOM.download(serialize(stock_data), null, \"Firearm stocks 2013-2018 CSV\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":871,"value":"DOM.download(serialize(maxStock_data), null, \"Firearm stocks 1999-2019 CSV\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"md`_______________________________________________________________________________________`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"gun_data = Object.assign(await d3.csv('https://gist.githubusercontent.com/annaguldberg/f299daa89f432dbfe8de7b3cabb8fb99/raw/25fd1a227650e44e8b602c73a21203b99b462117/gun.csv', \n({date, latitude, longitude, count, state, city_or_county, n_injured, n_killed}) => ({date: new Date(timeParse(date)), latitude: +latitude, longitude: +longitude, state, city_or_county, n_injured: +n_injured, n_killed: +n_killed, victims: parseInt(n_killed) + parseInt(n_injured)})))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"gun_data_filtered = gun_data.filter(d => d.date > stock_chart[0] && d.date < stock_chart[1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"stock_data = Object.assign(await d3.csv('https://gist.githubusercontent.com/annaguldberg/5d333f393f32f33ed9cd5a4702179e58/raw/71a34c9abded5b7596b2e22c867f1fd5d42e9d51/gistfile1.csv', \n({date, close, volume}) => ({date: new Date(timeParse(date)),close: +close, volume: +volume/1000000})), {y_close: \"Close ($)\", y_volume: \"Volume (million)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"maxStock_data = Object.assign(await d3.csv('https://gist.githubusercontent.com/MariaPapa91/4b324bfcbd86725fa3ff1a8761388ccb/raw/45145e53fe9cf31cfd3492739f7939c6a0f8558e/gistfile1.txt', \n({Timestamp: date, Close: close }) => ({date: new Date((date)), close: + close})), {y: \"Close ($)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"timeParse = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"md`_______________________________________________________________________________________`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"md`### US map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"us = d3.json('https://raw.githubusercontent.com/chrisdaly/map-data/master/us-counties.topojson.txt')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"extent = ['10','120']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"md`_______________________________________________________________________________________`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"md`### Stock chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"height = 450 - margin.top - margin.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"height_brush = 500 - margin_brush.top - margin_brush.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"width_us = 900 - margin.left - margin.right\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"margin = ({top: 10, right: 10, bottom: 100, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"margin_brush = ({top: 380, right: 10, bottom: 50, left: 30})\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"x = d3.scaleTime()\n .range([0, width_us])\n .domain(d3.extent(stock_data.map(d => d.date)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"x_brush = d3.scaleTime()\n .range([0, width_us])\n .domain(x.domain())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"y_close = d3.scaleLinear()\n .range([height, 0])\n .domain([0, d3.max(stock_data.map(d => d.close))])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"y_close_brush = d3.scaleLinear()\n .range([height_brush, 0])\n .domain(y_close.domain())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"y_volume = d3.scaleLinear()\n .range([height, 0])\n .domain([0, d3.max(stock_data.map(d => d.volume))])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"y_volume_brush = d3.scaleLinear()\n .range([height_brush, 0])\n .domain(y_volume.domain())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"xAxis = d3.axisBottom(x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"xAxis_brush = d3.axisBottom(x_brush)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"yAxis_close = d3.axisLeft(y_close)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"yAxis_volume = d3.axisRight(y_volume)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"area_close = d3.area()\n .curve(d3.curveMonotoneX)\n .x(d => x(d.date))\n .y0(height)\n .y1(d => y_close(d.close))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"area_close_brush = d3.area()\n .curve(d3.curveMonotoneX)\n .x(d => x_brush(d.date))\n .y0(height_brush)\n .y1(d => y_close_brush(d.close))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"area_volume = d3.area()\n .curve(d3.curveMonotoneX)\n .x(d => x(d.date))\n .y0(height)\n .y1(d => y_volume(d.volume))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"area_volume_brush = d3.area()\n .curve(d3.curveMonotoneX)\n .x(d => x_brush(d.date))\n .y0(height_brush)\n .y1(d => y_volume_brush(d.volume))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"md`_______________________________________________________________________________________`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"md`### Annotation chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"height_event = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":508,"value":"margin_event = ({top: 20, right: 30, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"x_event = d3_2.scaleTime()\n .domain(d3_2.extent(maxStock_data, d => d.date))\n .range([margin_event.left, width - margin_event.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"y_event = d3_2.scaleLinear()\n .domain([0, d3_2.max(maxStock_data, d => d.close)]).nice()\n .range([height_event - margin_event.bottom, margin_event.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"xAxis_event = g => g\n .attr(\"transform\", `translate(0,${height_event - margin_event.bottom})`)\n .attr(\"class\", \"x-axis\")\n .call(d3_2.axisBottom(x_event)\n .ticks(width / 80)\n .tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"yAxis_event = g => g\n .attr(\"transform\", `translate(${margin_event.left},0)`)\n .attr(\"class\", \"y-axis\")\n .call(d3_2.axisLeft(y_event))\n //.call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x_event\", 3)\n .attr(\"x\", 8)\n .attr(\"y\", 0)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(maxStock_data.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":516,"value":"line = d3_2.line()\n .defined(d => !isNaN(d.close))\n .x(d => x_event(d.date))\n .y(d => y_event(d.close))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"formatTime = d3.isoFormat","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"parseTime = d3.isoParse","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"// Helper function to lookup where annotations match values\nget_date_data = function(datestring, maxStock_data) {\n /* \n Returns the first item in a data whose date property matches the provided datestring\n Args:\n data: an array of data points to filter on\n datestring: a string representing a datetime\n */\n const filtered = maxStock_data.filter(x => days_are_equal(x.date, parseTime(datestring)))\n return {\n \tdate: datestring,\n value: filtered[0].value\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"days_are_equal = function(day_a, day_b) {\n /* True if two datetimes occur on the same day */\n return (day_a.getDate() === day_b.getDate() &\n day_a.getMonth() === day_b.getMonth() &\n day_a.getFullYear() == day_b.getFullYear())\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"applyAnnotations = function(annotations, target) {\n /*Draws d3.annotation objects onto a designated DOM node */\n \n \td3_2.select(target)\n \t .append(\"g\")\n \t .attr(\"class\", \"annotation-group\")\n .call(annotations)\n \n return annotations\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"annotations_display = {\n let collection = labels.collection()\n if (collection) {\n \treturn collection.annotations\n } else {\n \treturn \"Manually rerun this cell to check the annotation marked by annotation_number\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"// Lastly: actually place these annotations on your chart\napplyAnnotations(labels, event_chart)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"// This function is responsible for converting the list of dictionaries into actual d3.annotation objects\nlabels = getAnnotations(labelAnnotations, x_event, y_event, parseTime, formatTime, DEBUG)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"DEBUG = {\n return (CHECKED == \"toggle\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"viewof CHECKED = checkbox(\n {\n options: [\n {value: 'toggle', label: 'Toggle Edit Mode' }\n ],\n value: ''\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"render_linechart = function(maxStock_data, xAxis, yAxis, lineFunction, debug) {\n /* Return a DOM node with containing a line chart.\n\n Arguments:\n data: a list of data objects (dictionaries or iterables)\n xAxis: a d3.axis\n yAxis: a d3.axis\n lineFunction: a function used to extract values from each datapoint and render line segments.\n debug: variable that forces the chart to redraw every time this step reruns\n */\n const svg = d3_2.select(DOM.svg(width, height_event));\n \n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAxis);\n \n svg.append(\"path\")\n .datum(maxStock_data)\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"#3172bc\") // Enigma Blue\n .attr(\"stroke-width\", 1.5)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-linecap\", \"round\")\n .attr(\"d\", lineFunction)\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"md`_______________________________________________________________________________________`\n\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"md`### Format`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"d3_2 = {\n // Add \n const bundle = Object.assign({}, d3, d3_svg_annotation);\n return bundle;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"d3_base = require(\"https://d3js.org/d3.v4.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"d3_svg_annotation = require(\"d3-svg-annotation\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"import {slider, radio, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"import { checkbox } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":876,"value":"function serialize (data) {\n let parser = new json2csv.Parser();\n let csv = parser.parse(data);\n return new Blob([csv], {type: \"text/csv\"}) \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":879,"value":"json2csv = require(\"json2csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"slide_style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 32:"$31:body"