2b:null 2c:["$","title",null,{"children":"Project | NIU ReDAV | Observable"}] 31:T6cf,

Category	Event Types	Color
Winter Weather and Cold Events	Extreme Cold/Wind Chill, Winter Storm, Blizzard, Heavy Snow, Ice Storm, Frost/Freeze, Freezing Fog, Avalanche, Sleet, Lake-Effect Snow, Winter Weather,	Cyan to magenta
Severe Storms and Wind Events	Thunderstorm Wind, High Wind, Hail, Lightning, Tornado, Strong Wind, Funnel Cloud, Waterspout, Dust Storm, Rip Current, Dust Devil, Storm Surge/Tide, Marine Thunderstorm Wind, Marine High Wind, Marine Strong Wind	Green
Heat and Drought Events	Drought, Heat, Excessive Heat, Wildfire, Dense Smoke	Orange
Water-Related and Flooding Events	Flood, Flash Flood, Coastal Flood, High Surf, Debris Flow, Tropical Storm, Hurricane (Typhoon), Seiche, Lakeshore Flood, Astronomical Low Tide, Tropical Depression, Sneakerwave, Marine Tropical Storm, Marine Hurricane/Typhoon, Marine Tropical Depression, Hurricane	Blue
Atmospheric and Visibility Events	Dense Fog, Marine Dense Fog	Grey
Special and Rare Events	Volcanic Ash, Northern Lights, Marine Hail, Tsunami, Volcanic Ashfall, Marine Lightning	Purple

32:T2142,viewof currentData = { // Initializations and constants. const width = 1000, height = 500; const svg = d3.create('svg').attr('viewBox', [0, 0, width, height]); const years = Array.from(new Set(combinedData.map(d => d.YEAR))).sort(); const minYear = Math.min(...years); const maxYear = Math.max(...years); let selectedYear = maxYear; let data = calculateFrequency("All Stroms", selectedYear.toString()); const projection = d3.geoAlbersUsa().scale(1000).translate([width / 2, height / 2]); const path = d3.geoPath().projection(projection); var selectedState = null; // The below are coordinates for the icons. const imageCoordinates = [ { x: 0, y: 0 }, { x: 600, y: 0 }, { x: 10, y: 200 }, { x: 550, y:422 }, { x: 850, y: 360 }, ]; const stormTypes = new Set(combinedData.map(d => d.EVENT_TYPE)); stormTypes.add("All Stroms"); // Dropdown for storm type selection const dropdown = html``; // Year slider for selecting the year const yearSlider = html``; const yearDisplay = html`${maxYear}`; // Event listeners for dropdown and year slider dropdown.addEventListener('change', () => updateVisualization()); yearSlider.addEventListener('input', () => { selectedYear = yearSlider.value; yearDisplay.textContent = selectedYear; updateVisualization(); }); // SVG elements for displaying states and their properties const states = svg.selectAll('path') .data(topojson.feature(us, us.objects.states).features) .join('path') .attr('d', path) .attr('fill', d => data.colorScale(data.freqMap.get(d.properties.name.toLowerCase()))) .attr('stroke', 'black') .on('click', function(event, d) { selectedState = (selectedState === d.properties.name) ? null : d.properties.name; highlightSelectedState(d); updateData(selectedState.toUpperCase(), dropdown.value, yearSlider.value);}) .style("cursor", "pointer") .each(function(d) { d3.select(this).append("title").text(d.properties.name); }); updateMapColors(); updateLegend(data.colorScale, data.freqMap); // HTML structure for the map component const map = html`

${dropdown}${yearSlider}${yearDisplay}

${svg.node()}

Storm data by NOAA's National Weather Service (NWS). Choose a storm type to view a heatmap showcasing the impact of that particular storm. Use the slider to discover trends over different years.

For a more detailed analysis, select a specific state to generate a focused plot revealing the storm's impact in that region

`; updateVisualization(); // Returning the map component return map; // Function to calculate frequency of storms based on selected type and year function calculateFrequency(selectedType, selectedYear) { const freqMap = new Map(); combinedData.forEach(d => { if ((selectedType === "All Stroms" || d.EVENT_TYPE === selectedType) && (d.YEAR === selectedYear)) { const state = d.STATE.toLowerCase(); freqMap.set(state, (freqMap.get(state) || 0) + 1); } }); const maxFreq = Math.max(...freqMap.values()); const colorScale = getColorScale(selectedType) return { freqMap, colorScale, maxFreq }; } // Function to update the visualization based on user input function updateVisualization() { const selectedType = dropdown.value; data = calculateFrequency(selectedType, selectedYear.toString()); updateMapColors(); updateLegend(data.colorScale, data.freqMap); selectedState=null; updateData(selectedState, selectedType, selectedYear); updateImages(selectedType); } // Function to update map colors based on frequency function updateMapColors() { data.colorScale.domain([0, Math.max(data.maxFreq)]); svg.selectAll('path') .attr('fill', d => data.colorScale(data.freqMap.get(d.properties.name.toLowerCase()) || 0)); svg.selectAll('text.state-label') .data(topojson.feature(us, us.objects.states).features) .join('text') .attr('class', 'state-label') .attr('transform', d => { const centroid = path.centroid(d); if (isNaN(centroid[0]) || isNaN(centroid[1])) { return 'translate(0,0)'; } return `translate(${centroid})`; }) .attr('dy', '0.35em') .attr('dx', '-0.35em') .style('text-anchor', 'middle') .style('font-size', '10px') .text(d => data.freqMap.get(d.properties.name.toLowerCase()) || 0); } // Function to get color scale based on storm type function getColorScale(selectedType) { switch (weatherTypes[selectedType]) { case "Winter Weather and Cold Events": return d3.scaleSequential(d3.interpolateCool); case "Heat and Drought Events": return d3.scaleSequential(d3.interpolateOranges); case "Special and Rare Events": return d3.scaleSequential(d3.interpolatePurples); case "Severe Storms and Wind Events": return d3.scaleSequential(d3.interpolateGreens); case "Water-Related and Flooding Events": return d3.scaleSequential(d3.interpolateBlues); case "Atmospheric and Visibility Events": return d3.scaleSequential(d3.interpolateGreys); default: return d3.scaleSequential(d3.interpolateReds); } } // Function to highlight selected state function highlightSelectedState(selected) { states.attr('fill', d => { return selected && d.properties.name === selected.properties.name ? 'yellow' : data.colorScale(data.freqMap.get(d.properties.name.toLowerCase()) || 0) }); } function updateData(state, selectedType, year) { if (selectedType === "All Stroms") { selectedType = null; } map.value = { state, selectedType, year }; map.dispatchEvent(new CustomEvent("input")); } // Function to update legend based on color scale and frequency map function updateLegend(colorScale, freqMap) { svg.selectAll(".legend").remove(); svg.selectAll(".legend-no-data").remove(); console.log("color",colorScale); const maxFreq = Math.max(...freqMap.values()); if (maxFreq=== -Infinity) { svg.append("text") .attr("class", "legend-no-data") .attr("transform", `translate(${width - 30}, 30)`) .style("text-anchor", "end") .text("No data available"); return; } const legend = svg.append("g") .attr("class", "legend") .attr("transform", `translate(${width - 30}, 30)`); const freqRange = maxFreq /10; const legendDomain = []; for (let i = 0; i <=10; i++) { legendDomain.push(i * freqRange); } const legendColorScale = d3.scaleThreshold() .domain(legendDomain) .range(colorScale.range()); const legendItem = legend.selectAll("g") .data(legendDomain) .enter().append("g") .attr("class", "legend-item") .attr("transform", (d, i) => `translate(0, ${i * 20})`); legendItem.append("rect") .attr("width", 20) .attr("height", 20) .attr("fill", d => colorScale(d)); legendItem.append("text") .attr("x", -5) .attr("y", 15) .style("text-anchor", "end") .text((d, i) => Math.round(d)); legendDomain.sort((a, b) => a - b); } // Function to update images based on selected storm type function updateImages(selectedType) { svg.selectAll("image").remove(); const category = weatherTypes[selectedType]; if (!category) { return; } const imgname = weatherImages[category]; if (!imgname) { console.log("no image"); return; } imageCoordinates.forEach(coord => { svg.append("svg:image") .attr("xlink:href", imgname) .style("fill", "none") .attr('x', coord.x) .attr('y', coord.y) .attr('width', 100) .attr('height', 80); }); } }33:Tbab,weatherTypes = ({ "Extreme Cold/Wind Chill": "Winter Weather and Cold Events", "Winter Storm": "Winter Weather and Cold Events", "Blizzard": "Winter Weather and Cold Events", "Heavy Snow": "Winter Weather and Cold Events", "Ice Storm": "Winter Weather and Cold Events", "Frost/Freeze": "Winter Weather and Cold Events", "Freezing Fog": "Winter Weather and Cold Events", "Avalanche": "Winter Weather and Cold Events", "Sleet": "Winter Weather and Cold Events", "Lake-Effect Snow": "Winter Weather and Cold Events", "Winter Weather": "Winter Weather and Cold Events", "Thunderstorm Wind": "Severe Storms and Wind Events", "High Wind": "Severe Storms and Wind Events", "Hail": "Severe Storms and Wind Events", "Lightning": "Severe Storms and Wind Events", "Tornado": "Severe Storms and Wind Events", "Strong Wind": "Severe Storms and Wind Events", "Funnel Cloud": "Severe Storms and Wind Events", "Waterspout": "Severe Storms and Wind Events", "Dust Storm": "Severe Storms and Wind Events", "Rip Current": "Severe Storms and Wind Events", "Dust Devil": "Severe Storms and Wind Events", "Storm Surge/Tide": "Severe Storms and Wind Events", "Marine Thunderstorm Wind": "Severe Storms and Wind Events", "Marine High Wind": "Severe Storms and Wind Events", "Marine Strong Wind": "Severe Storms and Wind Events", "Drought": "Heat and Drought Events", "Heat": "Heat and Drought Events", "Excessive Heat": "Heat and Drought Events", "Wildfire": "Heat and Drought Events", "Dense Smoke": "Heat and Drought Events", "Flood": "Water-Related and Flooding Events", "Flash Flood": "Water-Related and Flooding Events", "Coastal Flood": "Water-Related and Flooding Events", "High Surf": "Water-Related and Flooding Events", "Debris Flow": "Water-Related and Flooding Events", "Tropical Storm": "Water-Related and Flooding Events", "Hurricane (Typhoon)": "Water-Related and Flooding Events", "Seiche": "Water-Related and Flooding Events", "Lakeshore Flood": "Water-Related and Flooding Events", "Astronomical Low Tide": "Water-Related and Flooding Events", "Tropical Depression": "Water-Related and Flooding Events", "Sneakerwave": "Water-Related and Flooding Events", "Marine Tropical Storm": "Water-Related and Flooding Events", "Marine Hurricane/Typhoon": "Water-Related and Flooding Events", "Marine Tropical Depression": "Water-Related and Flooding Events", "Hurricane": "Water-Related and Flooding Events", "Dense Fog": "Atmospheric and Visibility Events", "Marine Dense Fog": "Atmospheric and Visibility Events", "Volcanic Ash": "Special and Rare Events", "Northern Lights": "Special and Rare Events", "Marine Hail": "Special and Rare Events", "Tsunami": "Special and Rare Events", "Volcanic Ashfall": "Special and Rare Events", "Marine Lightning": "Special and Rare Events" }); 34:[{"id":"012c6391ebd34b7fab222592da2b91cd7f048164fe3bc0601804ce190dbee4ba61a4cfeef15d3d36611dd6489e8d4ff89d9cde4356a96a3941319f31e892d398","href":"https://static.observableusercontent.com/files/012c6391ebd34b7fab222592da2b91cd7f048164fe3bc0601804ce190dbee4ba61a4cfeef15d3d36611dd6489e8d4ff89d9cde4356a96a3941319f31e892d398","name":"report.pdf","type":"application/pdf","lastModified":1702111731988.875,"size":323285},{"id":"b86545d575dc748e9773c5c9e9a661f6812d9b9056b42aa6a7fb743b7a9acd87d081824339aa2f7d872c987e1309847ad2d9afe35c66d9107d978372dae2d846","href":"https://static.observableusercontent.com/files/b86545d575dc748e9773c5c9e9a661f6812d9b9056b42aa6a7fb743b7a9acd87d081824339aa2f7d872c987e1309847ad2d9afe35c66d9107d978372dae2d846","name":"winterWeather@1.png","type":"image/png","lastModified":1701794009606.764,"size":25583},{"id":"c6c688424d732cb5320d472c2dd79d8d2333c9131c7d427a1eccc980f441e9798434ab39a9899898bfe84a57c54b98b933573c17a9572a442435718397d04eb5","href":"https://static.observableusercontent.com/files/c6c688424d732cb5320d472c2dd79d8d2333c9131c7d427a1eccc980f441e9798434ab39a9899898bfe84a57c54b98b933573c17a9572a442435718397d04eb5","name":"heatAndDrought.png","type":"image/png","lastModified":1701794009606.764,"size":102217},{"id":"5290b02b58391b93bf6de089c73e5134fc40d9d07489b5e9e0995b37a10b5e8f7ee1dbeb996113bc884a2917804538b3116943c4474e102576ab7ab60b671118","href":"https://static.observableusercontent.com/files/5290b02b58391b93bf6de089c73e5134fc40d9d07489b5e9e0995b37a10b5e8f7ee1dbeb996113bc884a2917804538b3116943c4474e102576ab7ab60b671118","name":"floodevents.PNG","type":"image/png","lastModified":1701808584534.897,"size":76560},{"id":"a499dc5914ddf766779bc1f8ed5245bfcb722281817de424d670ee4f8ffbcbbf3892c524b56650f595d1c0e7c0acafa23495ad042bb608d365dc7241b202baef","href":"https://static.observableusercontent.com/files/a499dc5914ddf766779bc1f8ed5245bfcb722281817de424d670ee4f8ffbcbbf3892c524b56650f595d1c0e7c0acafa23495ad042bb608d365dc7241b202baef","name":"fog.png","type":"image/png","lastModified":1701809389783.419,"size":25391},{"id":"7f013de52d05426dadc19e240d0bb481036519952ce2aee9f2e6c2b5eaa44e57da1db1f4c47f4928cb82503ea387c6ea2b79bbf5e77681d1ef962b08d0d4d3bc","href":"https://static.observableusercontent.com/files/7f013de52d05426dadc19e240d0bb481036519952ce2aee9f2e6c2b5eaa44e57da1db1f4c47f4928cb82503ea387c6ea2b79bbf5e77681d1ef962b08d0d4d3bc","name":"severestorm.PNG","type":"image/png","lastModified":1701811935984.041,"size":41154},{"id":"312d315dc35ca530e41dbd7bae54b9304b125dac1ae84f10b7cf5bf6eb0c2849949f69bbcaea9a5e8a31868759e04e0f6a69bd29f0c107df02208510f3ad486e","href":"https://static.observableusercontent.com/files/312d315dc35ca530e41dbd7bae54b9304b125dac1ae84f10b7cf5bf6eb0c2849949f69bbcaea9a5e8a31868759e04e0f6a69bd29f0c107df02208510f3ad486e","name":"rare events.PNG","type":"image/png","lastModified":1701812396257.971,"size":55733}] 2f:{"id":"bb6afb26331c18d1","slug":null,"title":"Project","thumbnail":null,"access_level":"public","create_time":"$D2023-12-05T16:33:29.606Z","update_time":"$D2024-04-02T14:34:24.599Z","view_time":null,"first_public_time":"$D2023-12-07T22:53:15.178Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"6be90def0eaad608","login":"niu-redav","name":"NIU ReDAV","avatar_url":"https://avatars-next.observableusercontent.com/4f6116f4cf961cd7132568b8dbe99bfaa543dbb9ef5eca3152ed1f54f12d0e0b","tier":"pro_2024"},"version":2252,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e52e68f6caec4620","login":"uma-maheswari-mantena","name":"uma maheswari mantena","avatar_url":"https://avatars-next.observableusercontent.com/6c5f9fd844524348b9a89e54da39619bed749554aadd03470835b897bb3fc6c3","tier":null}],"members":[{"type":"individual","id":"0290d485d6927639","login":"dakoop","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3db1688f30a1b05a38931e472a94cfdfe52090e6ecdd5fe4b5f9ed17708aebe4","tier":null,"role":"editor"},{"type":"team","id":"6be90def0eaad608","login":"niu-redav","name":"NIU ReDAV","avatar_url":"https://avatars-next.observableusercontent.com/4f6116f4cf961cd7132568b8dbe99bfaa543dbb9ef5eca3152ed1f54f12d0e0b","tier":"pro_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Project","cells":[{"id":3,"value":"\n \n Project\n \n \n

Project

Design
Data:Storm Events Database

Data Visualization (CSCI 627/490)

Srilakshmi Umamaheswari Mantena
Z1976148

\n \n

\n \n\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2192,"value":"### Below is the project report","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2189,"value":"report = FileAttachment(\"report.pdf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":683,"value":"\n \n Project\n \n \n

Tasks/Questions

1.How is the frequency of a particular storm distributed over the states across the past years?
\n 2.How are the trends of injuries, deaths and damages changes over the past years due to storm events?
\n 3.what is the relationship between the intensity of a storm and the number of injuries or damages?

\n \n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2169,"value":"$31","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":704,"value":"# Code Implementation ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1159,"value":"currentData","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2128,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1341,"value":"html`\n

\n ${plot1}\n ${plot2}\n

\n ${plot3}\n ${plot4}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1969,"value":"### Data Processing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":859,"value":"pako = import('https://unpkg.com/pako@2.1.0/dist/pako.esm.mjs?module')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":895,"value":"async function loadCsvGz(url) {\n const response = await fetch(url);\n const arrayBuffer = await response.arrayBuffer();\n const decompressed = pako.inflate(new Uint8Array(arrayBuffer), { to: 'string' });\n const details = d3.csvParse(decompressed);\n return details;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"us = d3.json(\"https://unpkg.com/us-atlas@3/counties-10m.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1203,"value":"details_2023=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2023_c20240317.csv.gz\") ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"details_2022=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2022_c20240216.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"details_2021=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2021_c20231217.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"details_2020=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2020_c20231217.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":914,"value":"details_2019=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2019_c20240117.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1445,"value":"details_2018=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2018_c20230616.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1449,"value":"details_2017=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2017_c20230317.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1450,"value":"details_2016=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2016_c20220719.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1459,"value":"details_2015=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2015_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1460,"value":"details_2014=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2014_c20231116.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1462,"value":"details_2013=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2013_c20230118.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"details_2012=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2012_c20221216.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1470,"value":"details_2011=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2011_c20230417.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1472,"value":"details_2010=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2010_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"details_2009=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2009_c20231116.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1780,"value":"details_2008=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2008_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1785,"value":"details_2007=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2007_c20240216.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1786,"value":"details_2006=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2006_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1788,"value":"details_2005=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2005_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1790,"value":"details_2004=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2004_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1792,"value":"details_2003=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2003_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1794,"value":"details_2002=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2002_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1796,"value":"details_2001=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2001_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1808,"value":"details_2000=loadCsvGz(\"https://www.ncei.noaa.gov/pub/data/swdi/stormevents/csvfiles/StormEvents_details-ftp_v1.0_d2000_c20220425.csv.gz\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"data=[...details_2000,...details_2001,...details_2002,...details_2003,...details_2004,...details_2005,...details_2006,...details_2007,...details_2008 ,...details_2009,...details_2010,...details_2011,...details_2012,...details_2013,...details_2014,...details_2015,...details_2016,...details_2017,...details_2018,...details_2019,...details_2020,...details_2021,...details_2022,...details_2023]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1206,"value":"combinedData = data.map(item => {\n return {\n STATE: item.STATE,\n STATE: item.STATE,\n YEAR: item.YEAR,\n INJURIES_DIRECT: item.INJURIES_DIRECT,\n INJURIES_INDIRECT: item.INJURIES_INDIRECT,\n DEATHS_DIRECT: item.DEATHS_DIRECT,\n DEATHS_INDIRECT: item.DEATHS_INDIRECT,\n DAMAGE_PROPERTY: item.DAMAGE_PROPERTY,\n DAMAGE_CROPS: item.DAMAGE_CROPS,\n MAGNITUDE: item.MAGNITUDE,\n EVENT_TYPE: item.EVENT_TYPE\n };\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"// Function to convert damage strings with 'K' or 'M' to numbers\nfunction convertDamageValue(value) {\n if (typeof value === 'string') {\n let multiplier = 1;\n\n // Remove any characters that are not digits, decimal points, or recognized multipliers\n const numericValue = value.replace(/[^0-9\\.KM]/gi, '');\n\n // Check the last character for a multiplier\n if (value.toUpperCase().endsWith('K')) {\n multiplier = 1000;\n } else if (value.toUpperCase().endsWith('M')) {\n multiplier = 1000000;\n }\n\n // Remove the multiplier character if present\n const numberWithoutSuffix = numericValue.slice(0, multiplier > 1 ? -1 : undefined);\n\n // Attempt to parse the number and return the value multiplied accordingly\n const parsedNumber = parseFloat(numberWithoutSuffix);\n if (isNaN(parsedNumber)) {\n return 0; \n }\n return parsedNumber * multiplier;\n }\n return value || 0;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"result = combinedData\n .filter(event => \n (!currentData.state || event.STATE === currentData.state) &&\n (!currentData.selectedType || event.EVENT_TYPE === currentData.selectedType)\n )\n .reduce((accumulator, event) => {\n if (event.YEAR !== undefined && event.YEAR !== null) {\n const year = event.YEAR.toString();\n }\n const year = event.YEAR.toString(); \n accumulator[year] = accumulator[year] || { INJURIES: 0, DEATHS: 0, DAMAGE_PROPERTY: 0, DAMAGE_CROPS: 0 };\n accumulator[year].INJURIES += +event.INJURIES_DIRECT + +event.INJURIES_INDIRECT;\n accumulator[year].DEATHS += +event.DEATHS_DIRECT + +event.DEATHS_INDIRECT;\n accumulator[year].DAMAGE_PROPERTY += convertDamageValue(event.DAMAGE_PROPERTY);\n accumulator[year].DAMAGE_CROPS += convertDamageValue(event.DAMAGE_CROPS);\n\n return accumulator;\n }, {});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":359,"value":"dataArray1 = Object.entries(result).map(([year, values]) => ({\n year: parseInt(year),\n injuries: values.INJURIES,\n deaths: values.DEATHS,\n damage_property: values.DAMAGE_PROPERTY,\n damage_crops: values.DAMAGE_CROPS,\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"plot1 = Plot.plot({\n x: {\n type: \"linear\",\n label: \"Year\",\n },\n y: {\n type: \"linear\",\n grid: true,\n label: \"Count\"\n },\n color: {\n type: \"categorical\",\n legend: true, \n domain: [\"Injuries\", \"Deaths\"],\n range: [\"blue\", \"red\"],\n },\n marks: [\n Plot.line(dataArray1, { x: \"year\", y: \"injuries\", stroke:\"blue\",tip:true}),\n Plot.line(dataArray1, { x: \"year\", y: \"deaths\", stroke:\"red\",tip:true}),\n ]\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"plot2 = Plot.plot({\n x: {\n type: \"linear\",\n label: \"Year\",\n },\n y: {\n type: \"linear\",\n grid: true,\n label: \"Count\"\n },\n color: {\n type: \"categorical\",\n legend: true, \n domain: [\"damage_property\", \"damage_crops\"],\n range: [\"brown\", \"green\"] \n },\n marks: [\n Plot.line(dataArray1, {\n x: \"year\",\n y: \"damage_property\",\n stroke: \"brown\",\n tip:true\n }),\n Plot.line(dataArray1, {\n x: \"year\",\n y: \"damage_crops\",\n stroke: \"green\",\n tip:true\n })\n ]\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"result1 = combinedData\n .filter(event => \n (!currentData.state || event.STATE === currentData.state) &&\n (!currentData.selectedType || event.EVENT_TYPE === currentData.selectedType) &&\n (!currentData.year || event.YEAR === currentData.year.toString())\n )\n .reduce((accumulator, event) => {\n let magnitude = event.MAGNITUDE.toString();\n accumulator[magnitude] = accumulator[magnitude] || {\n 'injuries': 0,\n 'deaths': 0,\n 'damaged property': 0,\n 'damaged crops': 0\n };\n accumulator[magnitude]['injuries'] += parseInt(event.INJURIES_DIRECT) + parseInt(event.INJURIES_INDIRECT);\n accumulator[magnitude]['deaths'] += parseInt(event.DEATHS_DIRECT) + parseInt(event.DEATHS_INDIRECT);\n accumulator[magnitude]['damaged property'] += convertDamageValue(event.DAMAGE_PROPERTY);\n accumulator[magnitude]['damaged crops'] += convertDamageValue(event.DAMAGE_CROPS);\n\n return accumulator;\n }, {});\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"dataArray2 = Object.entries(result1).map(([m, values]) => ({\n magnitude: parseInt(m),\n injuries: values.injuries,\n deaths: values.deaths,\n damage_property: values['damaged property'],\n damage_crops: values['damaged crops'],\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"plot3= Plot.plot({\n x: {\n type: \"linear\",\n label: \"magnitude\",\n },\n y: {\n type: \"linear\",\n grid: true,\n label: \"Count\"\n },\n color: {\n type: \"categorical\",\n legend: true, \n domain: [\"injuries\", \"deaths\"],\n range: [\"blue\", \"red\"] \n },\n marks: [\n Plot.dot(dataArray2, {\n x: \"magnitude\",\n y: \"injuries\",\n stroke: \"blue\",\n tip:true\n }),\n Plot.dot(dataArray2, {\n x: \"magnitude\",\n y: \"deaths\",\n stroke: \"red\",\n tip:true\n })\n ]\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"plot4=Plot.plot({\n x: {\n type: \"linear\",\n label: \"magnitude\",\n },\n y: {\n type: \"linear\",\n grid: true,\n label: \"Count\"\n },\n color: {\n type: \"categorical\",\n legend: true, \n domain: [\"damage_property\", \"damage_crops\"],\n range: [\"brown\", \"green\"] \n },\n marks: [\n Plot.dot(dataArray2, {\n x: \"magnitude\",\n y: \"damage_property\",\n stroke: \"brown\",\n tip:true\n }),\n Plot.dot(dataArray2, {\n x: \"magnitude\",\n y: \"damage_crops\",\n stroke: \"green\",\n tip:true\n })\n ]\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1707,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1775,"value":"categories = new Set(data.map(d => d.EVENT_TYPE));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1575,"value":"weatherImages =({\n \"Severe Storms and Wind Events\": severestorm,\n \"Winter Weather and Cold Events\": winterweather,\n \"Water-Related and Flooding Events\": floodevents,\n \"Heat and Drought Events\": heatanddrought,\n \"Atmospheric and Visibility Events\":fog,\n \"Special and Rare Events\": rareEvents\n \n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1587,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1873,"value":"fog = FileAttachment(\"fog.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1881,"value":"rareEvents = FileAttachment(\"rare events.PNG\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1868,"value":"floodevents = FileAttachment(\"floodevents.PNG\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1664,"value":"heatanddrought = FileAttachment(\"heatAndDrought.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1877,"value":"severestorm = FileAttachment(\"severestorm.PNG\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"winterweather = FileAttachment(\"winterWeather@1.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"

Project

DesignData:Storm Events Database

Data Visualization (CSCI 627/490)

Srilakshmi Umamaheswari MantenaZ1976148

Tasks/Questions

Design
Data:Storm Events Database

Srilakshmi Umamaheswari Mantena
Z1976148