40:null 41:["$","title",null,{"children":"import { observer } from \"mobx-observable\"; | Nomeshwari Reddy | Observable"}] 47:T57d,# import { observer } from "mobx-observable"; import { reactive } from "mobx"; const initialState = { cases: 100, days: 100, quarantineRate: 0.5, }; const state = reactive(initialState); const FlattenTheCurve = observer(function() { const casesOverTime = []; for (let day = 0; day < state.days; day++) { const newCases = state.cases * (1 - state.quarantineRate); state.cases = newCases; casesOverTime.push(state.cases); } const ctx = document.getElementById("cases-over-time").getContext("2d"); ctx.clearRect(0, 0, 400, 200); ctx.beginPath(); ctx.moveTo(0, 0); for (let i = 0; i < casesOverTime.length; i++) { ctx.lineTo(i, casesOverTime[i]); } ctx.stroke(); return (

Flatten the Curve

This interactive graphic shows how the number of cases of a contagious disease can be spread out over time by taking measures to slow the spread, such as social distancing and quarantine.

The number of cases is shown in the blue line. The green line shows the number of cases if no measures are taken to slow the spread. The red line shows the number of cases if a quarantine rate of {state.quarantineRate} is used.

); }); export default FlattenTheCurve; 48:[] 45:{"id":"30a03ae41773cabc","slug":null,"title":"import { observer } from \"mobx-observable\";","thumbnail":"99465f44a58d57748bd91b38fbc683538b8fde6ee56d0d7e1a589e0cee4a0735","access_level":"public","create_time":"$D2023-07-24T10:56:18.992Z","update_time":"$D2023-07-24T10:56:31.921Z","view_time":null,"first_public_time":"$D2023-07-24T10:56:18.992Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"51eb7f8ab2fcd851","login":"nomeshwari","name":"Nomeshwari Reddy","avatar_url":"https://avatars-next.observableusercontent.com/030542a12ebadf31e732ec4f820525fbb1ce89e028aaf049c30d9199785a7ec6","tier":"starter_2024","bio":"","following":false},"version":5,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7748dc122fd5cc70","login":"nomeshwarireddy","name":"Nomeshwari Reddy","avatar_url":"https://avatars-next.observableusercontent.com/7c869eaad91a838cc37d38f2babe42c655c63b87526d114231a68d8fa8e68a91","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"51eb7f8ab2fcd851","login":"nomeshwari","name":"Nomeshwari Reddy","avatar_url":"https://avatars-next.observableusercontent.com/030542a12ebadf31e732ec4f820525fbb1ce89e028aaf049c30d9199785a7ec6","tier":"starter_2024","role":"editor"},{"type":"individual","id":"7748dc122fd5cc70","login":"nomeshwarireddy","name":"Nomeshwari Reddy","avatar_url":"https://avatars-next.observableusercontent.com/7c869eaad91a838cc37d38f2babe42c655c63b87526d114231a68d8fa8e68a91","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"import { observer } from \"mobx-observable\";","cells":[{"id":0,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 46:"$45:body"