2e:null 2f:["$","title",null,{"children":"Nivo React Components | John Clarke | Observable"}] 34:T174a,heatmap_data_source = [ { "country": "AD", "hot dog": 16, "hot dogColor": "hsl(106, 70%, 50%)", "burger": 87, "burgerColor": "hsl(204, 70%, 50%)", "sandwich": 52, "sandwichColor": "hsl(324, 70%, 50%)", "kebab": 16, "kebabColor": "hsl(270, 70%, 50%)", "fries": 94, "friesColor": "hsl(154, 70%, 50%)", "donut": 49, "donutColor": "hsl(71, 70%, 50%)", "junk": 2, "junkColor": "hsl(201, 70%, 50%)", "sushi": 56, "sushiColor": "hsl(269, 70%, 50%)", "ramen": 6, "ramenColor": "hsl(183, 70%, 50%)", "curry": 69, "curryColor": "hsl(190, 70%, 50%)", "udon": 80, "udonColor": "hsl(124, 70%, 50%)" }, { "country": "AE", "hot dog": 84, "hot dogColor": "hsl(154, 70%, 50%)", "burger": 14, "burgerColor": "hsl(125, 70%, 50%)", "sandwich": 92, "sandwichColor": "hsl(289, 70%, 50%)", "kebab": 59, "kebabColor": "hsl(72, 70%, 50%)", "fries": 7, "friesColor": "hsl(321, 70%, 50%)", "donut": 54, "donutColor": "hsl(174, 70%, 50%)", "junk": 39, "junkColor": "hsl(234, 70%, 50%)", "sushi": 79, "sushiColor": "hsl(43, 70%, 50%)", "ramen": 50, "ramenColor": "hsl(76, 70%, 50%)", "curry": 7, "curryColor": "hsl(136, 70%, 50%)", "udon": 12, "udonColor": "hsl(224, 70%, 50%)" }, { "country": "AF", "hot dog": 41, "hot dogColor": "hsl(243, 70%, 50%)", "burger": 12, "burgerColor": "hsl(141, 70%, 50%)", "sandwich": 47, "sandwichColor": "hsl(67, 70%, 50%)", "kebab": 88, "kebabColor": "hsl(74, 70%, 50%)", "fries": 15, "friesColor": "hsl(209, 70%, 50%)", "donut": 45, "donutColor": "hsl(63, 70%, 50%)", "junk": 95, "junkColor": "hsl(291, 70%, 50%)", "sushi": 57, "sushiColor": "hsl(57, 70%, 50%)", "ramen": 45, "ramenColor": "hsl(215, 70%, 50%)", "curry": 54, "curryColor": "hsl(9, 70%, 50%)", "udon": 45, "udonColor": "hsl(322, 70%, 50%)" }, { "country": "AG", "hot dog": 30, "hot dogColor": "hsl(275, 70%, 50%)", "burger": 36, "burgerColor": "hsl(359, 70%, 50%)", "sandwich": 57, "sandwichColor": "hsl(60, 70%, 50%)", "kebab": 81, "kebabColor": "hsl(105, 70%, 50%)", "fries": 74, "friesColor": "hsl(169, 70%, 50%)", "donut": 35, "donutColor": "hsl(310, 70%, 50%)", "junk": 91, "junkColor": "hsl(201, 70%, 50%)", "sushi": 65, "sushiColor": "hsl(228, 70%, 50%)", "ramen": 45, "ramenColor": "hsl(298, 70%, 50%)", "curry": 30, "curryColor": "hsl(29, 70%, 50%)", "udon": 92, "udonColor": "hsl(92, 70%, 50%)" }, { "country": "AI", "hot dog": 40, "hot dogColor": "hsl(129, 70%, 50%)", "burger": 80, "burgerColor": "hsl(73, 70%, 50%)", "sandwich": 56, "sandwichColor": "hsl(31, 70%, 50%)", "kebab": 49, "kebabColor": "hsl(104, 70%, 50%)", "fries": 49, "friesColor": "hsl(76, 70%, 50%)", "donut": 38, "donutColor": "hsl(41, 70%, 50%)", "junk": 1, "junkColor": "hsl(193, 70%, 50%)", "sushi": 66, "sushiColor": "hsl(12, 70%, 50%)", "ramen": 73, "ramenColor": "hsl(279, 70%, 50%)", "curry": 85, "curryColor": "hsl(150, 70%, 50%)", "udon": 71, "udonColor": "hsl(1, 70%, 50%)" }, { "country": "AL", "hot dog": 78, "hot dogColor": "hsl(192, 70%, 50%)", "burger": 79, "burgerColor": "hsl(305, 70%, 50%)", "sandwich": 68, "sandwichColor": "hsl(27, 70%, 50%)", "kebab": 76, "kebabColor": "hsl(82, 70%, 50%)", "fries": 10, "friesColor": "hsl(287, 70%, 50%)", "donut": 40, "donutColor": "hsl(201, 70%, 50%)", "junk": 60, "junkColor": "hsl(161, 70%, 50%)", "sushi": 58, "sushiColor": "hsl(178, 70%, 50%)", "ramen": 19, "ramenColor": "hsl(8, 70%, 50%)", "curry": 98, "curryColor": "hsl(259, 70%, 50%)", "udon": 62, "udonColor": "hsl(251, 70%, 50%)" }, { "country": "AM", "hot dog": 29, "hot dogColor": "hsl(32, 70%, 50%)", "burger": 30, "burgerColor": "hsl(326, 70%, 50%)", "sandwich": 93, "sandwichColor": "hsl(77, 70%, 50%)", "kebab": 95, "kebabColor": "hsl(353, 70%, 50%)", "fries": 75, "friesColor": "hsl(120, 70%, 50%)", "donut": 20, "donutColor": "hsl(14, 70%, 50%)", "junk": 44, "junkColor": "hsl(17, 70%, 50%)", "sushi": 70, "sushiColor": "hsl(101, 70%, 50%)", "ramen": 22, "ramenColor": "hsl(272, 70%, 50%)", "curry": 36, "curryColor": "hsl(166, 70%, 50%)", "udon": 64, "udonColor": "hsl(110, 70%, 50%)" }, { "country": "AO", "hot dog": 58, "hot dogColor": "hsl(135, 70%, 50%)", "burger": 88, "burgerColor": "hsl(79, 70%, 50%)", "sandwich": 14, "sandwichColor": "hsl(212, 70%, 50%)", "kebab": 65, "kebabColor": "hsl(258, 70%, 50%)", "fries": 30, "friesColor": "hsl(269, 70%, 50%)", "donut": 89, "donutColor": "hsl(86, 70%, 50%)", "junk": 2, "junkColor": "hsl(241, 70%, 50%)", "sushi": 12, "sushiColor": "hsl(149, 70%, 50%)", "ramen": 63, "ramenColor": "hsl(266, 70%, 50%)", "curry": 91, "curryColor": "hsl(326, 70%, 50%)", "udon": 20, "udonColor": "hsl(335, 70%, 50%)" }, { "country": "AQ", "hot dog": 26, "hot dogColor": "hsl(332, 70%, 50%)", "burger": 90, "burgerColor": "hsl(280, 70%, 50%)", "sandwich": 52, "sandwichColor": "hsl(226, 70%, 50%)", "kebab": 28, "kebabColor": "hsl(253, 70%, 50%)", "fries": 76, "friesColor": "hsl(69, 70%, 50%)", "donut": 73, "donutColor": "hsl(189, 70%, 50%)", "junk": 3, "junkColor": "hsl(182, 70%, 50%)", "sushi": 56, "sushiColor": "hsl(196, 70%, 50%)", "ramen": 10, "ramenColor": "hsl(193, 70%, 50%)", "curry": 48, "curryColor": "hsl(185, 70%, 50%)", "udon": 48, "udonColor": "hsl(356, 70%, 50%)" } ]35:T4511,calendar_data = [ { "day": "2015-05-30", "value": 86 }, { "day": "2016-04-14", "value": 86 }, { "day": "2015-04-16", "value": 385 }, { "day": "2016-01-02", "value": 269 }, { "day": "2016-04-08", "value": 266 }, { "day": "2015-04-22", "value": 272 }, { "day": "2015-05-17", "value": 319 }, { "day": "2015-10-01", "value": 351 }, { "day": "2015-09-25", "value": 324 }, { "day": "2016-06-19", "value": 114 }, { "day": "2015-11-06", "value": 235 }, { "day": "2016-05-17", "value": 61 }, { "day": "2015-10-26", "value": 289 }, { "day": "2016-03-19", "value": 354 }, { "day": "2015-10-05", "value": 269 }, { "day": "2016-04-06", "value": 218 }, { "day": "2016-06-22", "value": 260 }, { "day": "2016-05-25", "value": 49 }, { "day": "2015-12-08", "value": 77 }, { "day": "2016-08-11", "value": 324 }, { "day": "2016-03-02", "value": 299 }, { "day": "2016-02-19", "value": 154 }, { "day": "2015-11-30", "value": 294 }, { "day": "2015-10-14", "value": 162 }, { "day": "2016-08-07", "value": 90 }, { "day": "2016-03-08", "value": 323 }, { "day": "2016-05-08", "value": 282 }, { "day": "2015-04-08", "value": 161 }, { "day": "2015-05-20", "value": 5 }, { "day": "2015-08-29", "value": 125 }, { "day": "2016-05-21", "value": 138 }, { "day": "2015-11-16", "value": 242 }, { "day": "2015-09-02", "value": 162 }, { "day": "2015-06-06", "value": 326 }, { "day": "2015-10-10", "value": 73 }, { "day": "2016-07-31", "value": 193 }, { "day": "2016-03-15", "value": 159 }, { "day": "2016-03-24", "value": 193 }, { "day": "2016-01-06", "value": 127 }, { "day": "2015-10-03", "value": 381 }, { "day": "2015-12-26", "value": 91 }, { "day": "2015-06-25", "value": 302 }, { "day": "2015-08-18", "value": 393 }, { "day": "2015-11-22", "value": 51 }, { "day": "2015-06-17", "value": 22 }, { "day": "2015-06-11", "value": 313 }, { "day": "2015-04-02", "value": 69 }, { "day": "2016-05-05", "value": 296 }, { "day": "2016-07-07", "value": 291 }, { "day": "2016-03-12", "value": 207 }, { "day": "2015-08-24", "value": 121 }, { "day": "2015-11-18", "value": 232 }, { "day": "2015-09-26", "value": 208 }, { "day": "2016-01-15", "value": 11 }, { "day": "2016-06-05", "value": 370 }, { "day": "2015-05-15", "value": 363 }, { "day": "2015-10-09", "value": 342 }, { "day": "2016-04-22", "value": 24 }, { "day": "2016-04-23", "value": 14 }, { "day": "2016-01-24", "value": 60 }, { "day": "2015-12-02", "value": 380 }, { "day": "2016-05-22", "value": 186 }, { "day": "2015-07-12", "value": 205 }, { "day": "2015-11-10", "value": 220 }, { "day": "2016-07-30", "value": 279 }, { "day": "2016-02-26", "value": 393 }, { "day": "2016-01-26", "value": 285 }, { "day": "2016-02-27", "value": 120 }, { "day": "2015-07-31", "value": 196 }, { "day": "2015-06-10", "value": 72 }, { "day": "2015-06-20", "value": 39 }, { "day": "2015-05-25", "value": 229 }, { "day": "2016-06-03", "value": 211 }, { "day": "2015-12-23", "value": 177 }, { "day": "2015-07-16", "value": 166 }, { "day": "2015-09-17", "value": 263 }, { "day": "2015-05-09", "value": 58 }, { "day": "2016-06-23", "value": 262 }, { "day": "2015-06-16", "value": 278 }, { "day": "2016-04-01", "value": 207 }, { "day": "2015-11-04", "value": 74 }, { "day": "2016-08-02", "value": 302 }, { "day": "2015-11-23", "value": 290 }, { "day": "2015-10-02", "value": 146 }, { "day": "2016-01-13", "value": 224 }, { "day": "2015-06-15", "value": 24 }, { "day": "2016-07-18", "value": 99 }, { "day": "2015-10-18", "value": 123 }, { "day": "2015-08-05", "value": 93 }, { "day": "2015-08-28", "value": 155 }, { "day": "2015-11-25", "value": 235 }, { "day": "2016-01-21", "value": 100 }, { "day": "2015-06-21", "value": 64 }, { "day": "2016-04-21", "value": 374 }, { "day": "2015-05-31", "value": 214 }, { "day": "2015-12-14", "value": 282 }, { "day": "2016-08-01", "value": 237 }, { "day": "2016-01-14", "value": 374 }, { "day": "2016-03-10", "value": 248 }, { "day": "2016-07-09", "value": 382 }, { "day": "2015-09-03", "value": 175 }, { "day": "2015-08-20", "value": 141 }, { "day": "2016-05-12", "value": 314 }, { "day": "2015-06-19", "value": 278 }, { "day": "2015-07-14", "value": 346 }, { "day": "2016-08-09", "value": 366 }, { "day": "2015-07-07", "value": 323 }, { "day": "2015-10-15", "value": 376 }, { "day": "2016-06-02", "value": 151 }, { "day": "2016-04-05", "value": 169 }, { "day": "2015-04-04", "value": 207 }, { "day": "2015-07-18", "value": 143 }, { "day": "2016-07-23", "value": 318 }, { "day": "2015-04-06", "value": 346 }, { "day": "2016-03-01", "value": 5 }, { "day": "2015-11-13", "value": 191 }, { "day": "2015-07-22", "value": 380 }, { "day": "2016-07-13", "value": 140 }, { "day": "2015-12-11", "value": 147 }, { "day": "2016-04-19", "value": 165 }, { "day": "2015-10-06", "value": 255 }, { "day": "2015-05-19", "value": 367 }, { "day": "2016-01-31", "value": 355 }, { "day": "2016-01-11", "value": 246 }, { "day": "2015-09-15", "value": 376 }, { "day": "2015-09-08", "value": 153 }, { "day": "2016-05-30", "value": 355 }, { "day": "2016-02-16", "value": 27 }, { "day": "2016-01-17", "value": 339 }, { "day": "2015-10-25", "value": 236 }, { "day": "2015-11-09", "value": 348 }, { "day": "2016-05-02", "value": 328 }, { "day": "2015-06-05", "value": 290 }, { "day": "2016-04-15", "value": 94 }, { "day": "2016-06-10", "value": 364 }, { "day": "2016-05-03", "value": 319 }, { "day": "2016-01-23", "value": 279 }, { "day": "2016-07-14", "value": 350 }, { "day": "2015-08-23", "value": 327 }, { "day": "2016-03-31", "value": 39 }, { "day": "2015-10-27", "value": 264 }, { "day": "2016-07-11", "value": 257 }, { "day": "2015-05-29", "value": 108 }, { "day": "2016-02-01", "value": 363 }, { "day": "2016-05-16", "value": 89 }, { "day": "2015-10-29", "value": 12 }, { "day": "2015-12-10", "value": 91 }, { "day": "2016-03-18", "value": 381 }, { "day": "2016-01-30", "value": 224 }, { "day": "2015-04-29", "value": 333 }, { "day": "2016-07-03", "value": 256 }, { "day": "2016-05-04", "value": 327 }, { "day": "2016-06-11", "value": 359 }, { "day": "2015-07-02", "value": 125 }, { "day": "2016-07-25", "value": 25 }, { "day": "2016-06-15", "value": 37 }, { "day": "2015-09-01", "value": 32 }, { "day": "2015-12-12", "value": 187 }, { "day": "2015-11-14", "value": 337 }, { "day": "2016-02-23", "value": 174 }, { "day": "2015-11-01", "value": 318 }, { "day": "2016-06-09", "value": 218 }, { "day": "2015-04-28", "value": 12 }, { "day": "2016-03-22", "value": 389 }, { "day": "2015-10-28", "value": 353 }, { "day": "2015-09-16", "value": 374 }, { "day": "2016-07-06", "value": 150 }, { "day": "2015-06-13", "value": 341 }, { "day": "2015-04-25", "value": 6 }, { "day": "2015-04-18", "value": 167 }, { "day": "2015-04-13", "value": 58 }, { "day": "2015-04-12", "value": 229 }, { "day": "2015-05-13", "value": 12 }, { "day": "2016-05-07", "value": 11 }, { "day": "2016-08-08", "value": 332 }, { "day": "2015-08-16", "value": 241 }, { "day": "2016-05-24", "value": 243 }, { "day": "2016-05-27", "value": 396 }, { "day": "2015-05-18", "value": 355 }, { "day": "2015-06-14", "value": 47 }, { "day": "2016-05-26", "value": 169 }, { "day": "2015-08-02", "value": 158 }, { "day": "2015-07-26", "value": 73 }, { "day": "2015-07-21", "value": 236 }, { "day": "2016-08-06", "value": 376 }, { "day": "2016-07-04", "value": 149 }, { "day": "2016-04-27", "value": 303 }, { "day": "2016-07-26", "value": 135 }, { "day": "2016-01-20", "value": 160 }, { "day": "2016-01-18", "value": 360 }, { "day": "2016-04-29", "value": 355 }, { "day": "2016-05-18", "value": 118 }, { "day": "2016-04-26", "value": 302 }, { "day": "2015-07-27", "value": 287 }, { "day": "2015-09-13", "value": 351 }, { "day": "2015-04-09", "value": 200 }, { "day": "2015-05-14", "value": 340 }, { "day": "2015-11-07", "value": 246 }, { "day": "2015-08-10", "value": 6 }, { "day": "2015-07-11", "value": 379 }, { "day": "2016-01-08", "value": 86 }, { "day": "2015-08-12", "value": 125 }, { "day": "2016-01-19", "value": 321 }, { "day": "2016-04-25", "value": 267 }, { "day": "2015-05-12", "value": 319 }, { "day": "2015-09-27", "value": 277 }, { "day": "2015-05-04", "value": 359 }, { "day": "2016-06-20", "value": 155 }, { "day": "2015-10-19", "value": 370 }, { "day": "2015-12-18", "value": 143 }, { "day": "2016-03-05", "value": 286 }, { "day": "2016-07-05", "value": 171 }, { "day": "2015-11-24", "value": 2 }, { "day": "2015-12-01", "value": 250 }, { "day": "2016-08-05", "value": 49 }, { "day": "2015-04-15", "value": 19 }, { "day": "2015-06-26", "value": 176 }, { "day": "2016-03-07", "value": 199 }, { "day": "2016-07-10", "value": 392 }, { "day": "2015-04-26", "value": 373 }, { "day": "2016-08-03", "value": 209 }, { "day": "2016-07-17", "value": 237 }, { "day": "2016-05-28", "value": 127 }, { "day": "2015-05-26", "value": 381 }, { "day": "2015-11-02", "value": 325 }, { "day": "2015-11-15", "value": 135 }, { "day": "2015-07-29", "value": 398 }, { "day": "2015-04-27", "value": 395 }, { "day": "2015-12-04", "value": 278 }, { "day": "2015-09-07", "value": 39 }, { "day": "2016-04-13", "value": 205 }, { "day": "2015-11-12", "value": 134 }, { "day": "2015-08-04", "value": 137 }, { "day": "2015-04-03", "value": 209 }, { "day": "2015-05-02", "value": 370 }, { "day": "2015-06-04", "value": 288 }, { "day": "2016-05-29", "value": 86 }, { "day": "2015-06-03", "value": 191 }, { "day": "2015-06-24", "value": 398 }, { "day": "2015-10-07", "value": 261 }, { "day": "2015-07-09", "value": 297 }, { "day": "2015-10-12", "value": 57 }, { "day": "2015-09-19", "value": 356 }, { "day": "2015-07-24", "value": 386 }, { "day": "2016-02-14", "value": 208 }, { "day": "2016-06-21", "value": 319 }, { "day": "2015-11-26", "value": 84 }, { "day": "2015-09-05", "value": 123 }, { "day": "2015-08-13", "value": 112 }, { "day": "2015-07-04", "value": 20 }, { "day": "2016-01-05", "value": 22 }, { "day": "2015-10-23", "value": 342 }, { "day": "2015-12-29", "value": 63 }, { "day": "2015-08-01", "value": 344 }, { "day": "2016-01-04", "value": 346 }, { "day": "2016-03-11", "value": 220 }, { "day": "2015-05-28", "value": 195 }, { "day": "2015-04-21", "value": 76 }, { "day": "2016-06-14", "value": 280 }, { "day": "2016-04-30", "value": 182 }, { "day": "2015-09-04", "value": 63 }, { "day": "2015-05-24", "value": 320 }, { "day": "2016-02-12", "value": 266 }, { "day": "2015-09-18", "value": 123 }, { "day": "2015-08-31", "value": 348 }, { "day": "2015-12-06", "value": 156 }, { "day": "2015-10-13", "value": 22 }, { "day": "2015-06-18", "value": 67 }, { "day": "2015-12-27", "value": 381 }, { "day": "2015-12-20", "value": 112 }, { "day": "2016-06-16", "value": 348 }, { "day": "2015-06-22", "value": 303 }, { "day": "2015-12-13", "value": 376 }, { "day": "2016-04-16", "value": 135 }, { "day": "2016-01-07", "value": 71 }, { "day": "2015-06-09", "value": 215 }, { "day": "2015-12-19", "value": 186 }, { "day": "2015-07-03", "value": 182 }, { "day": "2016-06-13", "value": 234 }, { "day": "2016-03-25", "value": 364 }, { "day": "2016-06-17", "value": 46 }, { "day": "2016-05-06", "value": 123 }, { "day": "2015-09-10", "value": 102 }, { "day": "2015-11-11", "value": 80 }, { "day": "2015-10-22", "value": 110 }, { "day": "2016-06-18", "value": 228 }, { "day": "2016-03-16", "value": 163 }, { "day": "2015-09-24", "value": 90 }, { "day": "2016-07-21", "value": 28 }, { "day": "2016-05-01", "value": 397 }, { "day": "2016-07-08", "value": 240 }, { "day": "2015-10-08", "value": 190 }, { "day": "2016-03-26", "value": 163 }, { "day": "2015-06-29", "value": 331 }, { "day": "2016-06-08", "value": 299 }, { "day": "2015-09-20", "value": 67 }, { "day": "2015-11-08", "value": 366 }, { "day": "2015-09-22", "value": 286 }, { "day": "2015-04-11", "value": 73 }, { "day": "2015-11-28", "value": 16 }, { "day": "2016-05-11", "value": 122 }, { "day": "2015-08-25", "value": 189 }, { "day": "2015-09-21", "value": 18 }, { "day": "2016-02-21", "value": 92 }, { "day": "2016-07-01", "value": 240 }, { "day": "2015-10-16", "value": 370 }, { "day": "2015-10-24", "value": 346 }, { "day": "2015-04-23", "value": 113 }, { "day": "2015-06-01", "value": 110 }, { "day": "2015-07-01", "value": 73 }, { "day": "2016-06-28", "value": 180 }, { "day": "2015-07-30", "value": 224 }, { "day": "2015-05-10", "value": 114 }, { "day": "2016-02-18", "value": 382 }, { "day": "2015-10-04", "value": 219 }, { "day": "2016-02-10", "value": 308 }, { "day": "2015-11-21", "value": 202 }, { "day": "2015-05-11", "value": 301 }, { "day": "2016-05-14", "value": 85 }, { "day": "2015-04-19", "value": 26 }, { "day": "2016-02-13", "value": 211 }, { "day": "2016-07-22", "value": 229 }, { "day": "2015-05-07", "value": 56 }, { "day": "2015-08-14", "value": 92 }, { "day": "2015-12-07", "value": 193 }, { "day": "2016-03-06", "value": 264 }, { "day": "2016-04-20", "value": 28 }, { "day": "2016-04-17", "value": 304 }, { "day": "2016-06-04", "value": 101 }, { "day": "2015-12-31", "value": 42 }, { "day": "2016-02-22", "value": 132 }, { "day": "2015-08-11", "value": 67 }, { "day": "2016-03-04", "value": 86 }, { "day": "2015-09-12", "value": 35 }, { "day": "2015-07-17", "value": 109 }, { "day": "2015-07-19", "value": 245 }, { "day": "2015-07-20", "value": 297 }, { "day": "2015-11-19", "value": 354 }, { "day": "2016-02-04", "value": 43 }, { "day": "2015-04-01", "value": 169 }, { "day": "2015-08-26", "value": 381 }, { "day": "2015-12-30", "value": 216 }, { "day": "2015-10-31", "value": 215 }, { "day": "2016-04-10", "value": 298 }, { "day": "2015-08-15", "value": 111 }, { "day": "2015-10-21", "value": 61 }, { "day": "2016-01-03", "value": 86 }, { "day": "2016-02-20", "value": 117 } ]36:T692,heatmap_specs = ``37:T85c,line_specs = ``38:T54d,chord_specs = ``39:[] 32:{"id":"d358023ff1009a80","slug":"nivo-react-components","title":"Nivo React Components","thumbnail":"5bdd6a80b57c945319e405dfecb8aaa7816b2368549552f1f4e532cd5649c6ec","access_level":"public","create_time":"$D2018-09-04T15:09:10.675Z","update_time":"$D2018-09-07T20:16:56.565Z","view_time":null,"first_public_time":"$D2018-09-05T18:56:21.465Z","has_unpublished_edits":null,"fork":true,"stars":11,"starred":false,"owner":{"type":"team","id":"d6f4905fa7e2825f","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":"starter_2024"},"version":1383,"publish_version":1383,"role":null,"authored":false,"authors":[{"type":"individual","id":"7aed0ff5358d0dad","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":null}],"members":[{"type":"individual","id":"7aed0ff5358d0dad","login":"john-clarke","name":"John Clarke","avatar_url":"https://avatars-next.observableusercontent.com/797cc850d46c4253e2b916cc5916cf130bc41038c773f98bbc26dcfdd8adbe13","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":16,"collection":null,"type":"notebook","body":{"title":"Nivo React Components","cells":[{"id":0,"value":"md `\n# Nivo React Components\nAttempting to prototype [http://nivo.rocks](http://nivo.rocks) responsive react charts. Thanks to [@tom](/@tom), [@timhall](https://github.com/timhall), and [@bryangingechen](/@bryangingechen) for their assistance making the pieces work together inside Observable.\n\nMost of the chart specifications (e.g. line_spec...) come directly from [http://nivo.rocks](http://nivo.rocks) I've extracted the data properties into cells so we can update and see the updates/transitions.\n\nI think we could improve on this a lot, so please do fork, improve and share.\n\n**Note:** If no charts render below, you might need to update the reference to [react-dom below](https://beta.observablehq.com/@john-clarke/nivo-react-components#ReactDOM) as references to it have been failing.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"chord_container = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"line_container = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"viewof rollDice = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":726,"value":"viewof motion_damping = slider({\n min: 0, \n max: 40, \n step: 1, \n value: 30,\n cautious: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"viewof motion_stiffness = slider({\n min: 0, \n max: 300, \n step: 1,\n value: 30,\n cautious: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"heatmap_container = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"calendar_container = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1141,"value":"main = {\n ReactDOM.render(jsx({ motion_damping, motion_stiffness, Line, ResponsiveLine, line_data, line_specs})`${line_specs}`, line_container)\n ReactDOM.render(jsx({ motion_damping, motion_stiffness, Chord, ResponsiveChord, chord_data })`${chord_specs}`, chord_container)\n ReactDOM.render(jsx({ motion_damping, motion_stiffness, Calendar, ResponsiveCalendar, calendar_data, calendar_specs})`${calendar_specs}`, calendar_container)\n ReactDOM.render(jsx({ heatmap_colors, motion_damping, motion_stiffness, ResponsiveHeatMap, heatmap_data, heatmap_specs})`${heatmap_specs}`, heatmap_container)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1091,"value":"heatmap_colors = d3.schemeGreens[4]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"// Randomizes the original heatmap_data_source data\nheatmap_data = {\n rollDice;\n motion_stiffness;\n motion_damping;\n let integer_props = [];\n const rand = d3.randomNormal()\n const e = heatmap_data_source[0]\n for (var p in e) {\n if (typeof e[p] === 'number') {\n integer_props.push(p)\n }\n }\n return heatmap_data_source.map((d) => {\n let new_d = {};\n integer_props.forEach((p) => {\n new_d['country'] = d['country'];\n new_d[p] = d[p] + Math.round(rand()*10);\n })\n return new_d;\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":891,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"calendar = r('calendar')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":904,"value":"heatmap = r('heatmap')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"Calendar = calendar.Calendar","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"ResponsiveCalendar = calendar.ResponsiveCalendar","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"ResponsiveHeatMap = heatmap.ResponsiveHeatMap","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"r = require.alias({\n \"react\": \"react@16.4.2/umd/react.development.js\",\n \"react-dom\": \"https://bundle.run/react-dom@16.4.2\", //\"react-dom@16/umd/react-dom.production.min.js\",\n \"chord\": \"https://bundle.run/@nivo/chord@0.42.1\",\n \"calendar\": \"https://bundle.run/@nivo/calendar@0.42.1\",\n \"line\": \"https://bundle.run/@nivo/line@0.42.1\",\n \"heatmap\": \"https://bundle.run/@nivo/heatmap@0.42.1\",\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1300,"value":"//ReactDOM = require('https://wzrd.in/standalone/react-dom@latest') // from https://beta.observablehq.com/@subuta/react-with-jsx-example-via-babel-standalone\n//ReactDOM = require('react-dom@16.4.2/index.js').catch(() => window.checkDCE) // didn't work\nReactDOM = r('react-dom')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"Babel = require(\"@babel/standalone@7.0.0-rc.1/babel.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"function jsx(args = {}) {\n function transform(strings, ...values) {\n let s = strings[0];\n for (let i = 0, n = values.length; i < n; ++i) s += values[i] + strings[i + 1];\n const f = eval(Babel.transform(`(React,${Object.keys(args)})=>${s}`, {presets: [\"es2015\", \"react\"]}).code);\n return f(React, ...Object.values(args));\n }\n return Array.isArray(args) \n ? (args = {}, transform.apply(this, arguments)) \n : transform;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"React = {\n const r = require.alias({\n \"react\": \"react@16/umd/react.production.min.js\",\n \"react-dom\": \"react-dom@16/umd/react-dom.production.min.js\"\n });\n const React = await r(\"react\");\n const ReactDOM = await r(\"react-dom\");\n React.render = root => {\n const div = html`

`;\n ReactDOM.render(root, div);\n return div;\n };\n return React;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"line_data = {\n rollDice;\n motion_stiffness;\n motion_damping;\n const vehicles = ['plane', 'helicopter', 'boat', 'train', 'subway', 'bus', 'car', 'moto', 'bicycle', 'others'];\n const countries = ['Japan', 'France', 'US', 'Germany', 'Norway']\n \n return countries.map((id) => {\n const data = vehicles.map((vehicle) => {\n return {\n x: vehicle, \n y: Math.round(Math.random()*100)\n }\n })\n return {\n id, \n data\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"chord_data = {\n rollDice;\n motion_stiffness;\n motion_damping;\n return [\n [345, 1418, 1268, 179, 153],\n [1931, 1609, 122, 36, 1175],\n [77, 498, 447, 161, 331],\n [368, 630, 42, 459, 1363],\n [443, 784, 91, 302, 195]\n ].sort(() => Math.random() - 0.5);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":647,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"calendar_specs = ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"import {select, slider} from '@tmcw/inputs/2'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"chord = r('chord')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"Line = line.Line","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"line = r('line')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"ResponsiveLine = line.ResponsiveLine","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"ResponsiveChord = chord.ResponsiveChord","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"Chord = chord.Chord","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1223,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 33:"$32:body"