dataNonRes = [
{'Year': 2020, 'Value': 90},
{'Year': 2021, 'Value': 114},
{'Year': 2022, 'Value': 138},
{'Year': 2023, 'Value': 162},
{'Year': 2024, 'Value': 186},
{'Year': 2025, 'Value': 210},
{'Year': 2026, 'Value': 232},
{'Year': 2027, 'Value': 254},
{'Year': 2028, 'Value': 276},
{'Year': 2029, 'Value': 298},
{'Year': 2030, 'Value': 320},
{'Year': 2031, 'Value': 332},
{'Year': 2032, 'Value': 344},
{'Year': 2033, 'Value': 356},
{'Year': 2034, 'Value': 368},
{'Year': 2035, 'Value': 380},
{'Year': 2036, 'Value': 392},
{'Year': 2037, 'Value': 404},
{'Year': 2038, 'Value': 416},
{'Year': 2039, 'Value': 428.},
{'Year': 2040, 'Value': 440.}
]
//data = await d3.csv("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/7_OneCatOneNum.csv")
dataRes = [
{'Year': 2020, 'Value': 10},
{'Year': 2021, 'Value': 18},
{'Year': 2022, 'Value': 26},
{'Year': 2023, 'Value': 34},
{'Year': 2024, 'Value': 42},
{'Year': 2025, 'Value': 50},
{'Year': 2026, 'Value': 56},
{'Year': 2027, 'Value': 62},
{'Year': 2028, 'Value': 68},
{'Year': 2029, 'Value': 74},
{'Year': 2030, 'Value': 80},
{'Year': 2031, 'Value': 84},
{'Year': 2032, 'Value': 88},
{'Year': 2033, 'Value': 92},
{'Year': 2034, 'Value': 96},
{'Year': 2035, 'Value': 100},
{'Year': 2036, 'Value': 104},
{'Year': 2037, 'Value': 108},
{'Year': 2038, 'Value': 112},
{'Year': 2039, 'Value': 116},
{'Year': 2040, 'Value': 120}
]
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
