DISCLAIMER: This is beta software. The algorithms in it are based on our best understanding of published literature on COVID-19 [1][2][3]. We are not epidemiologists, and our implementation has not been reviewed by epidemiologists. We recommend that you use this tool to test a wide range of possible scenarios with different parameter settings, and not as a tool to predict specific outcomes. By using this site, you acknowledge that this is a free, un-supported, best-effort attempt that may or may not provide accurate predictive information, and that Levrum provides no warranty, express or implied, as to the accuracy, utility or fitness for particular purpose of this tool.\r\n
\r\n References
\r\n
[1]\tAylward B, et al. “Report of the WHO-China joint mission on coronavirus (COVID-19).” World Health Authority. Web: https://www.who.int/docs/default-source/coronaviruse/who-china-joint-mission-on-covid-19-final-report.pdf, 03-23-2020.
\r\n
[2]\tPueyo T. “Coronavirus: why you must act now.”
\r\n
[3]\tMeyers LM et al. “COVID-19 Healthcare Demand Projections: Austin, Texas”. 03-24-2020 Presentation to the City of Austin.
\r\n
);\r\n}\r\n\r\nexport default Disclaimer;","export const opsDataLabels = {\r\n responses: \"COVID Transports\",\r\n staffExposures: \"Total Staff Exposures\",\r\n staffOutOfService: \"Active EMS Cases\",\r\n staffRecovered: \"Staff Recovered\",\r\n staffAvailable: \"Staff Fit For Duty\",\r\n newCasesStaff: \"New EMS Cases\",\r\n newRecoveriesStaff: \"New EMS Recoveries\",\r\n};\r\n\r\nexport const opsDataValues = [\r\n \"responses\",\r\n \"staffExposures\",\r\n \"staffOutOfService\",\r\n \"staffRecovered\",\r\n \"staffAvailable\",\r\n \"newCasesStaff\",\r\n \"newRecoveriesStaff\",\r\n];\r\n\r\nexport const popDataLabels = {\r\n popSusceptible: \"Population Susceptible\",\r\n popContagious: \"Population Contagious\",\r\n popRecovered: \"Population Recovered\",\r\n popDeceased: \"Population Deceased\",\r\n newCasesPop: \"New Population Cases\",\r\n newRecoveriesPop: \"New Population Recoveries\",\r\n newDeathsPop: \"New Population Deaths\",\r\n popCumAffected: \"Total Population Affected\",\r\n};\r\n\r\nexport const popDataValues = [\r\n \"popSusceptible\",\r\n \"popContagious\",\r\n \"popRecovered\",\r\n \"popDeceased\",\r\n \"newCasesPop\",\r\n \"newRecoveriesPop\",\r\n \"newDeathsPop\",\r\n \"popCumAffected\",\r\n];\r\n\r\n\r\nexport const presets = {\r\n default: {\r\n preset: \"default\",\r\n attackRate: 45,\r\n doublingIntervalDays: 4,\r\n emsContagionRate: 5,\r\n recoveryDays: 14,\r\n transportRate: 5,\r\n },\r\n better: {\r\n preset: \"better\",\r\n attackRate: 35,\r\n doublingIntervalDays: 6,\r\n emsContagionRate: 3,\r\n recoveryDays: 10,\r\n transportRate: 5,\r\n },\r\n worse: {\r\n preset: \"worse\",\r\n attackRate: 50,\r\n doublingIntervalDays: 3,\r\n emsContagionRate: 6,\r\n recoveryDays: 18,\r\n transportRate: 6,\r\n },\r\n dire: {\r\n preset: \"dire\",\r\n attackRate: 55,\r\n doublingIntervalDays: 2.8,\r\n emsContagionRate: 7,\r\n recoveryDays: 21,\r\n transportRate: 7.5,\r\n },\r\n custom: {\r\n preset: \"custom\",\r\n },\r\n};\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nexport const menuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 250,\r\n },\r\n },\r\n};\r\n\r\nexport const defaultSettings = {\r\n attackRate: 45,\r\n doublingIntervalDays: 4,\r\n emsContagionRate: 5,\r\n recoveryDays: 14,\r\n transportRate: 5,\r\n servicePopulation: 100000,\r\n emsStaffCount: 75,\r\n selectedTab: 0,\r\n selectedPopData: [],\r\n preset: \"default\",\r\n selectedOpsData: [\r\n \"responses\",\r\n \"newCasesStaff\",\r\n \"staffOutOfService\",\r\n \"staffAvailable\",\r\n ],\r\n};","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { withStyles, withTheme } from \"@material-ui/core\";\r\n\r\nimport { opsDataLabels, popDataLabels } from \"../services/AppConsts\";\r\n\r\nimport c3 from \"c3\";\r\nimport \"c3/c3.css\";\r\n\r\nconst styles = (theme) => ({\r\n chart: {\r\n width: \"100%\",\r\n },\r\n});\r\n\r\nclass DailyDataChartComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {};\r\n }\r\n\r\n componentDidMount = () => {\r\n this.updateChartSize();\r\n };\r\n\r\n componentDidUpdate = (prevProps, prevState) => {\r\n if (\r\n this.props.data !== prevProps.data ||\r\n this.props.maxX !== prevProps.maxX ||\r\n this.props.maxY !== prevProps.maxY ||\r\n this.props.renderUuid !== prevProps.renderUuid\r\n ) {\r\n this.renderC3Chart();\r\n }\r\n\r\n if (\r\n this.props.chartHeight !== prevProps.chartHeight ||\r\n this.props.chartWidth !== prevProps.chartWidth\r\n ) {\r\n this.updateChartSize();\r\n }\r\n };\r\n\r\n updateChartSize = () => {\r\n if (this.state.c3chart !== undefined) {\r\n this.state.c3chart.resize({\r\n height: this.props.chartHeight,\r\n width: this.props.chartWidth,\r\n });\r\n }\r\n };\r\n\r\n renderC3Chart = () => {\r\n const {\r\n data,\r\n selectedOpsData,\r\n selectedPopData,\r\n chartHeight,\r\n chartWidth,\r\n } = this.props;\r\n\r\n let days = [\"x\"];\r\n let maxX = 0;\r\n let maxY = 0;\r\n let chartColumns = [days];\r\n\r\n let opsColumns = 0;\r\n for (let j = 0; j < selectedOpsData.length; j++) {\r\n chartColumns.push([opsDataLabels[selectedOpsData[j]]]);\r\n opsColumns++;\r\n }\r\n\r\n let firstPopColumn = 1 + opsColumns;\r\n for (let j = 0; j < selectedPopData.length; j++) {\r\n chartColumns.push([popDataLabels[selectedPopData[j]]]);\r\n }\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n let datum = data[i];\r\n maxX = datum.ordinalDay;\r\n days.push(datum.ordinalDay);\r\n for (let j = 0; j < selectedOpsData.length; j++) {\r\n let value = Number(datum[selectedOpsData[j]]).toFixed(2);\r\n maxY = Math.max(maxY, value);\r\n chartColumns[j + 1].push(value);\r\n }\r\n for (let j = 0; j < selectedPopData.length; j++) {\r\n let value = Number(datum[selectedPopData[j]]).toFixed(2);\r\n maxY = Math.max(maxY, value);\r\n chartColumns[firstPopColumn + j].push(value);\r\n }\r\n }\r\n\r\n let tickValues = [];\r\n let divisor = 30;\r\n\r\n for (let i = 1; i <= maxX / divisor; i++) {\r\n tickValues.push(i * divisor);\r\n }\r\n let c3chart = c3.generate({\r\n bindto: `#chart`,\r\n data: {\r\n x: \"x\",\r\n columns: chartColumns,\r\n type: \"line\",\r\n },\r\n zoom: {\r\n enabled: true,\r\n },\r\n legend: {\r\n position: \"bottom\",\r\n },\r\n axis: {\r\n x: {\r\n min: 0,\r\n max: maxX,\r\n tick: {\r\n values: tickValues,\r\n },\r\n height: 50,\r\n label: {\r\n text: \"Elapsed Days (0 = First Clinical Presentation)\",\r\n position: \"inner-left\",\r\n },\r\n padding: { left: 0 },\r\n },\r\n y: {\r\n max: maxY,\r\n min: 0,\r\n padding: { top: 60, bottom: 0 },\r\n tick: {\r\n format: function (d) {\r\n if (d >= 1000000) {\r\n return `${d / 1000000}m`;\r\n } else if (d >= 1000) {\r\n return `${d / 1000}k`;\r\n } else {\r\n return d;\r\n }\r\n },\r\n },\r\n },\r\n },\r\n point: {\r\n show: false,\r\n },\r\n grid: {\r\n x: {\r\n show: true,\r\n },\r\n y: {\r\n show: true,\r\n },\r\n },\r\n size: {\r\n height: chartHeight,\r\n width: chartWidth,\r\n },\r\n padding: {\r\n top: 10,\r\n bottom: -20,\r\n },\r\n tooltip: {\r\n format: {\r\n title: function (d) {\r\n return `Day ${d}`;\r\n },\r\n value: function (value, ratio, id) {\r\n if (value >= 1000000) {\r\n return `${Number(value / 1000000).toFixed(2)}m`;\r\n } else if (value >= 1000) {\r\n return `${Number(value / 1000).toFixed(2)}k`;\r\n } else {\r\n return value;\r\n }\r\n },\r\n },\r\n },\r\n });\r\n this.setState({ c3chart: c3chart });\r\n };\r\n\r\n render = () => {\r\n return ![\"Levrum](\"/levrumlogo.svg\")
\r\n