forked from owid/owid-grapher
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Explorer.sample.tsx
121 lines (115 loc) · 4.18 KB
/
Explorer.sample.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
import React from "react"
import { DimensionProperty } from "../clientUtils/owidTypes"
import { GrapherProgrammaticInterface } from "../grapher/core/Grapher"
import { GrapherTabOption } from "../grapher/core/GrapherConstants"
import { Explorer, ExplorerProps } from "./Explorer"
const SampleExplorerOfGraphersProgram = `explorerTitle CO₂ Data Explorer
isPublished false
explorerSubtitle Download the complete <i>Our World in Data</i> <a href="https:/owid/co2-data">CO₂ and GHG Emissions Dataset</a>.
subNavId co2
time earliest..latest
selection China United States India United Kingdom World
Gas Radio CO₂
Accounting Radio Production-based
subNavCurrentId co2-data-explorer
graphers
grapherId Gas Radio Accounting Radio Fuel Dropdown Count Dropdown Relative to world total Checkbox hasMapTab
488 CO₂ Production-based Total Per country false true
3219 CO₂ Production-based Total Per country Share of global emissions false
486 CO₂ Production-based Total Per capita false
485 CO₂ Production-based Total Cumulative false false
3218 CO₂ Production-based Total Cumulative Share of global emissions false
4267 CO₂ Production-based Total Per MWh of energy false
530 CO₂ Production-based Total Per $ of GDP false
3621 CO₂ Consumption-based Per country false
3488 CO₂ Consumption-based Per capita false
4331 CO₂ Consumption-based Per $ of GDP false
696 CO₂ Consumption-based Share of emissions embedded in trade false
4250 CO₂ Production-based Coal Per country false
4251 CO₂ Production-based Oil Per country false
4253 CO₂ Production-based Gas Per country false
4255 CO₂ Production-based Cement Per country false
4332 CO₂ Production-based Flaring Per country false
4249 CO₂ Production-based Coal Per capita false
4252 CO₂ Production-based Oil Per capita false
4254 CO₂ Production-based Gas Per capita false
4256 CO₂ Production-based Cement Per capita false
4333 CO₂ Production-based Flaring Per capita false
4147 All GHGs (CO₂eq) Production-based Per country false
4239 All GHGs (CO₂eq) Production-based Per capita false
4222 Methane Production-based Per country false
4243 Methane Production-based Per capita false
4224 Nitrous oxide Production-based Per country false
4244 Nitrous oxide Production-based Per capita false`
export const SampleExplorerOfGraphers = (props?: Partial<ExplorerProps>) => {
const title = "AlphaBeta"
const first = {
id: 488,
title,
dimensions: [
{
variableId: 142609,
property: DimensionProperty.y,
},
],
tab: GrapherTabOption.chart,
owidDataset: {
variables: {
"142609": {
years: [-1, 0, 1, 2],
entities: [1, 2, 1, 2],
values: [51, 52, 53, 54],
id: 142609,
display: { zeroDay: "2020-01-21", yearIsDay: true },
},
},
entityKey: {
"1": { name: "United Kingdom", code: "GBR", id: 1 },
"2": { name: "Ireland", code: "IRL", id: 2 },
},
},
}
const grapherConfigs: GrapherProgrammaticInterface[] = [
first,
{
...first,
id: 4147,
title: "Switched to Something Else",
},
]
return (
<Explorer
slug="test-slug"
program={SampleExplorerOfGraphersProgram}
grapherConfigs={grapherConfigs}
{...props}
/>
)
}
const SampleInlineDataExplorerProgram = `explorerTitle Sample Explorer
selection Argentina
graphers
Test Radio xSlug ySlugs colorSlug sizeSlug type
Scatter x y color size ScatterPlot
Line y LineChart
columns
slug type name
Country EntityName Country
Quarter Quarter Quarter
x Numeric x
y Numeric y
color Numeric color
size Numeric size
table
Country Year x y color size
Argentina 2020 1 1 1 1
Argentina 2021 1 1 1 1`
export const SampleInlineDataExplorer = (props?: Partial<ExplorerProps>) => {
return (
<Explorer
slug="test-slug-inline-data"
program={SampleInlineDataExplorerProgram}
{...props}
/>
)
}