Use the controls below to change the way time flows in the timeline.
Scale wrapping displays time wrapped in a scale and reveals repeated patterns in your data.
See also:
import { createTimeline } from "kronograph";
import data from "./data";
const timeline = createTimeline("my-timeline");
const timelineOptions = {
scales: {
wrapping: "week",
},
};
timeline.options(timelineOptions);
timeline.set(data);
timeline.fit();
document.getElementById("wrapping-select").addEventListener("change", (e) => {
const { value } = e.target;
timeline.options({ scales: { wrapping: value } });
});export default {
entities: {
pw: {
label: "Password Reset Email",
color: "#f29f63",
},
prm: {
label: "Promotional Email",
color: "#f86868",
},
rel: {
label: "New Release Email",
color: "#ef4e4e",
},
hol: {
label: "Out Of Office Email",
color: "#62B0E8",
},
asia: {
label: "Asia Support",
color: "#A2A5FC",
},
eur: {
label: "Europe Support",
color: "#8888FC",
},
us: {
label: "N. America Support",
color: "#7069FA",
},
},
events: {
"e-0": {
time: 1609291435957,
entityIds: ["asia"],
},
"e-1": {
time: 1609296050044,
entityIds: ["asia"],
},
"e-2": {
time: 1609296712895,
entityIds: ["asia"],
},
"e-3": {
time: 1609297509252,
entityIds: ["pw"],
},
"e-4": {
time: 1609300120070,
entityIds: ["asia"],
},
"e-5": {
time: 1609302557994,
entityIds: ["asia"],
},
"e-6": {
time: 1609308410740,
entityIds: ["asia"],
},
"e-7": {
time: 1609312309150,
entityIds: ["asia"],
},
"e-8": {
time: 1609313483535,
entityIds: ["asia"],
},
"e-9": {
time: 1609315668650,
entityIds: ["asia"],
},
"e-10": {
time: 1609324254324,
entityIds: ["eur"],
},
"e-11": {
time: 1609333961506,
entityIds: ["eur"],
},
"e-12": {
time: 1609336173809,
entityIds: ["us"],
},
"e-13": {
time: 1609337156184,
entityIds: ["us"],
},
"e-14": {
time: 1609337874384,
entityIds: ["us"],
},
"e-15": {
time: 1609339632626,
entityIds: ["eur"],
},
"e-16": {
time: 1609339542743,
entityIds: ["us"],
},
"e-17": {
time: 1609346348455,
entityIds: ["us"],
},
"e-18": {
time: 1609352151665,
entityIds: ["us"],
},
"e-19": {
time: 1609355564767,
entityIds: ["pw"],
},
"e-20": {
time: 1609393264113,
entityIds: ["asia"],
},
"e-21": {
time: 1609393974242,
entityIds: ["asia"],
},
"e-22": {
time: 1609396633978,
entityIds: ["asia"],
},
"e-23": {
time: 1609404569662,
entityIds: ["asia"],
},
"e-24": {
time: 1609420735915,
entityIds: ["eur"],
},
"e-25": {
time: 1609429602176,
entityIds: ["us"],
},
"e-26": {
time: 1609446746833,
entityIds: ["us"],
},
"e-27": {
time: 1609451977938,
entityIds: ["us"],
},
"e-28": {
time: 1609459003267,
entityIds: ["hol"],
},
"e-29": {
time: 1609459737826,
entityIds: ["hol"],
},
"e-30": {
time: 1609460556090,
entityIds: ["hol"],
},
"e-31": {
time: 1609461001419,
entityIds: ["hol"],
},
"e-32": {
time: 1609461564691,
entityIds: ["hol"],
},
"e-33": {
time: 1609461920969,
entityIds: ["hol"],
},
"e-34": {
time: 1609462989011,
entityIds: ["hol"],
},
"e-35": {
time: 1609463459876,
entityIds: ["hol"],
},
"e-36": {
time: 1609463910906,
entityIds: ["hol"],
},
"e-37": {
time: 1609464369794,
entityIds: ["hol"],
},
"e-38": {
time: 1609465098405,
entityIds: ["hol"],
},
"e-39": {
time: 1609465659929,
entityIds: ["hol"],
},
"e-40": {
time: 1609466102843,
entityIds: ["hol"],
},
"e-41": {
time: 1609467010876,
entityIds: ["hol"],
},
"e-42": {
time: 1609467728672,
entityIds: ["hol"],
},
"e-43": {
time: 1609468381921,
entityIds: ["hol"],
},
"e-44": {
time: 1609468614925,
entityIds: ["hol"],
},
"e-45": {
time: 1609469670466,
entityIds: ["hol"],
},
"e-46": {
time: 1609470145831,
entityIds: ["hol"],
},
"e-47": {
time: 1609470361709,
entityIds: ["hol"],
},
"e-48": {
time: 1609471018749,
entityIds: ["hol"],
},
"e-49": {
time: 1609471812441,
entityIds: ["hol"],
},
"e-50": {
time: 1609472664783,
entityIds: ["hol"],
},
"e-51": {
time: 1609473238019,
entityIds: ["hol"],
},
"e-52": {
time: 1609473776311,
entityIds: ["hol"],
},
"e-53": {
time: 1609474230238,
entityIds: ["hol"],
},
"e-54": {
time: 1609474638059,
entityIds: ["hol"],
},
"e-55": {
time: 1609475235451,
entityIds: ["hol"],
},
"e-56": {
time: 1609476263801,
entityIds: ["hol"],
},
"e-57": {
time: 1609476637488,
entityIds: ["hol"],
},
"e-58": {
time: 1609477219645,
entityIds: ["hol"],
},
"e-59": {
time: 1609477556878,
entityIds: ["hol"],
},
"e-60": {
time: 1609478183842,
entityIds: ["hol"],
},
"e-61": {
time: 1609478912621,
entityIds: ["hol"],
},
"e-62": {
time: 1609479594010,
entityIds: ["hol"],
},
"e-63": {
time: 1609480174610,
entityIds: ["hol"],
},
"e-64": {
time: 1609480517755,
entityIds: ["hol"],
},
"e-65": {
time: 1609481183298,
entityIds: ["hol"],
},
"e-66": {
time: 1609481970385,
entityIds: ["hol"],
},
"e-67": {
time: 1609482784864,
entityIds: ["hol"],
},
"e-68": {
time: 1609482944961,
entityIds: ["hol"],
},
"e-69": {
time: 1609483572847,
entityIds: ["hol"],
},
"e-70": {
time: 1609484483338,
entityIds: ["hol"],
},
"e-71": {
time: 1609484902646,
entityIds: ["hol"],
},
"e-72": {
time: 1609485860703,
entityIds: ["hol"],
},
"e-73": {
time: 1609486158877,
entityIds: ["hol"],
},
"e-74": {
time: 1609486778605,
entityIds: ["hol"],
},
"e-75": {
time: 1609487568022,
entityIds: ["hol"],
},
"e-76": {
time: 1609487806717,
entityIds: ["hol"],
},
"e-77": {
time: 1609488603831,
entityIds: ["hol"],
},
"e-78": {
time: 1609489111226,
entityIds: ["hol"],
},
"e-79": {
time: 1609490088709,
entityIds: ["hol"],
},
"e-80": {
time: 1609490467018,
entityIds: ["hol"],
},
"e-81": {
time: 1609491046901,
entityIds: ["hol"],
},
"e-82": {
time: 1609491768422,
entityIds: ["hol"],
},
"e-83": {
time: 1609492425794,
entityIds: ["hol"],
},
"e-84": {
time: 1609492767559,
entityIds: ["hol"],
},
"e-85": {
time: 1609493178452,
entityIds: ["hol"],
},
"e-86": {
time: 1609494198093,
entityIds: ["hol"],
},
"e-87": {
time: 1609494875362,
entityIds: ["hol"],
},
"e-88": {
time: 1609495176600,
entityIds: ["hol"],
},
"e-89": {
time: 1609495654553,
entityIds: ["hol"],
},
"e-90": {
time: 1609496367873,
entityIds: ["hol"],
},
"e-91": {
time: 1609497060308,
entityIds: ["hol"],
},
"e-92": {
time: 1609497667501,
entityIds: ["hol"],
},
"e-93": {
time: 1609497976019,
entityIds: ["hol"],
},
"e-94": {
time: 1609498811634,
entityIds: ["hol"],
},
"e-95": {
time: 1609499615807,
entityIds: ["hol"],
},
"e-96": {
time: 1609500200437,
entityIds: ["hol"],
},
"e-97": {
time: 1609500343155,
entityIds: ["hol"],
},
"e-98": {
time: 1609501130412,
entityIds: ["hol"],
},
"e-99": {
time: 1609501565578,
entityIds: ["hol"],
},
"e-100": {
time: 1609502112131,
entityIds: ["hol"],
},
"e-101": {
time: 1609502850620,
entityIds: ["hol"],
},
"e-102": {
time: 1609503703582,
entityIds: ["hol"],
},
"e-103": {
time: 1609504322662,
entityIds: ["hol"],
},
"e-104": {
time: 1609504822269,
entityIds: ["hol"],
},
"e-105": {
time: 1609505672121,
entityIds: ["hol"],
},
"e-106": {
time: 1609506182591,
entityIds: ["hol"],
},
"e-107": {
time: 1609506738524,
entityIds: ["hol"],
},
"e-108": {
time: 1609507384971,
entityIds: ["hol"],
},
"e-109": {
time: 1609507985002,
entityIds: ["hol"],
},
"e-110": {
time: 1609508635427,
entityIds: ["hol"],
},
"e-111": {
time: 1609508796769,
entityIds: ["hol"],
},
"e-112": {
time: 1609509603242,
entityIds: ["hol"],
},
"e-113": {
time: 1609510142189,
entityIds: ["hol"],
},
"e-114": {
time: 1609510577452,
entityIds: ["hol"],
},
"e-115": {
time: 1609511129419,
entityIds: ["hol"],
},
"e-116": {
time: 1609512175631,
entityIds: ["hol"],
},
"e-117": {
time: 1609512348312,
entityIds: ["hol"],
},
"e-118": {
time: 1609513418596,
entityIds: ["hol"],
},
"e-119": {
time: 1609513728554,
entityIds: ["hol"],
},
"e-120": {
time: 1609514492526,
entityIds: ["hol"],
},
"e-121": {
time: 1609514712970,
entityIds: ["hol"],
},
"e-122": {
time: 1609515888729,
entityIds: ["hol"],
},
"e-123": {
time: 1609516393715,
entityIds: ["hol"],
},
"e-124": {
time: 1609517012452,
entityIds: ["hol"],
},
"e-125": {
time: 1609517674625,
entityIds: ["hol"],
},
"e-126": {
time: 1609517966167,
entityIds: ["hol"],
},
"e-127": {
time: 1609518484140,
entityIds: ["hol"],
},
"e-128": {
time: 1609519233894,
entityIds: ["hol"],
},
"e-129": {
time: 1609519678340,
entityIds: ["hol"],
},
"e-130": {
time: 1609520441576,
entityIds: ["hol"],
},
"e-131": {
time: 1609520801252,
entityIds: ["hol"],
},
"e-132": {
time: 1609521535452,
entityIds: ["hol"],
},
"e-133": {
time: 1609522143934,
entityIds: ["hol"],
},
"e-134": {
time: 1609522877743,
entityIds: ["hol"],
},
"e-135": {
time: 1609523392528,
entityIds: ["hol"],
},
"e-136": {
time: 1609524112404,
entityIds: ["hol"],
},
"e-137": {
time: 1609524848967,
entityIds: ["hol"],
},
"e-138": {
time: 1609524938044,
entityIds: ["hol"],
},
"e-139": {
time: 1609525994408,
entityIds: ["hol"],
},
"e-140": {
time: 1609526198107,
entityIds: ["hol"],
},
"e-141": {
time: 1609526747747,
entityIds: ["hol"],
},
"e-142": {
time: 1609527478753,
entityIds: ["hol"],
},
"e-143": {
time: 1609528054686,
entityIds: ["hol"],
},
"e-144": {
time: 1609528792991,
entityIds: ["hol"],
},
"e-145": {
time: 1609529356273,
entityIds: ["hol"],
},
"e-146": {
time: 1609529959279,
entityIds: ["hol"],
},
"e-147": {
time: 1609530507662,
entityIds: ["hol"],
},
"e-148": {
time: 1609531480548,
entityIds: ["hol"],
},
"e-149": {
time: 1609531997976,
entityIds: ["hol"],
},
"e-150": {
time: 1609532533392,
entityIds: ["hol"],
},
"e-151": {
time: 1609532983463,
entityIds: ["hol"],
},
"e-152": {
time: 1609533355976,
entityIds: ["hol"],
},
"e-153": {
time: 1609534409191,
entityIds: ["hol"],
},
"e-154": {
time: 1609534735281,
entityIds: ["hol"],
},
"e-155": {
time: 1609535544302,
entityIds: ["hol"],
},
"e-156": {
time: 1609536157793,
entityIds: ["hol"],
},
"e-157": {
time: 1609536644554,
entityIds: ["hol"],
},
"e-158": {
time: 1609537384356,
entityIds: ["hol"],
},
"e-159": {
time: 1609537508941,
entityIds: ["hol"],
},
"e-160": {
time: 1609538451178,
entityIds: ["hol"],
},
"e-161": {
time: 1609538864726,
entityIds: ["hol"],
},
"e-162": {
time: 1609539522912,
entityIds: ["hol"],
},
"e-163": {
time: 1609540350605,
entityIds: ["hol"],
},
"e-164": {
time: 1609540897635,
entityIds: ["hol"],
},
"e-165": {
time: 1609541347830,
entityIds: ["hol"],
},
"e-166": {
time: 1609542235508,
entityIds: ["hol"],
},
"e-167": {
time: 1609542871416,
entityIds: ["hol"],
},
"e-168": {
time: 1609542903825,
entityIds: ["hol"],
},
"e-169": {
time: 1609543986299,
entityIds: ["hol"],
},
"e-170": {
time: 1609544106312,
entityIds: ["hol"],
},
"e-171": {
time: 1609544875143,
entityIds: ["hol"],
},
"e-172": {
time: 1609722174853,
entityIds: ["asia"],
},
"e-173": {
time: 1609724682982,
entityIds: ["asia"],
},
"e-174": {
time: 1609739527003,
entityIds: ["asia"],
},
"e-175": {
time: 1609740648383,
entityIds: ["asia"],
},
"e-176": {
time: 1609744206987,
entityIds: ["asia"],
},
"e-177": {
time: 1609756958331,
entityIds: ["pw"],
},
"e-178": {
time: 1609759097515,
entityIds: ["eur"],
},
"e-179": {
time: 1609762558351,
entityIds: ["eur"],
},
"e-180": {
time: 1609768971190,
entityIds: ["eur"],
},
"e-181": {
time: 1609768759463,
entityIds: ["us"],
},
"e-182": {
time: 1609769315565,
entityIds: ["eur"],
},
"e-183": {
time: 1609774212083,
entityIds: ["eur"],
},
"e-184": {
time: 1609775581036,
entityIds: ["us"],
},
"e-185": {
time: 1609781708871,
entityIds: ["us"],
},
"e-186": {
time: 1609785942149,
entityIds: ["us"],
},
"e-187": {
time: 1609786807305,
entityIds: ["us"],
},
"e-188": {
time: 1609787794010,
entityIds: ["us"],
},
"e-189": {
time: 1609790667389,
entityIds: ["us"],
},
"e-190": {
time: 1609791476295,
entityIds: ["us"],
},
"e-191": {
time: 1609815373499,
entityIds: ["asia"],
},
"e-192": {
time: 1609817985685,
entityIds: ["asia"],
},
"e-193": {
time: 1609829591147,
entityIds: ["asia"],
},
"e-194": {
time: 1609834987380,
entityIds: ["eur"],
},
"e-195": {
time: 1609836384942,
entityIds: ["pw"],
},
"e-196": {
time: 1609841409699,
entityIds: ["asia"],
},
"e-197": {
time: 1609853950205,
entityIds: ["eur"],
},
"e-198": {
time: 1609855798904,
entityIds: ["us"],
},
"e-199": {
time: 1609856656013,
entityIds: ["eur"],
},
"e-200": {
time: 1609859362972,
entityIds: ["eur"],
},
"e-201": {
time: 1609860945419,
entityIds: ["us"],
},
"e-202": {
time: 1609861815396,
entityIds: ["eur"],
},
"e-203": {
time: 1609863613359,
entityIds: ["us"],
},
"e-204": {
time: 1609864181783,
entityIds: ["us"],
},
"e-205": {
time: 1609864717151,
entityIds: ["us"],
},
"e-206": {
time: 1609870596582,
entityIds: ["us"],
},
"e-207": {
time: 1609876105303,
entityIds: ["us"],
},
"e-208": {
time: 1609898592454,
entityIds: ["asia"],
},
"e-209": {
time: 1609898953920,
entityIds: ["asia"],
},
"e-210": {
time: 1609903290165,
entityIds: ["asia"],
},
"e-211": {
time: 1609908816769,
entityIds: ["asia"],
},
"e-212": {
time: 1609914685617,
entityIds: ["asia"],
},
"e-213": {
time: 1609915656569,
entityIds: ["asia"],
},
"e-214": {
time: 1609921763698,
entityIds: ["asia"],
},
"e-215": {
time: 1609921594187,
entityIds: ["eur"],
},
"e-216": {
time: 1609922958877,
entityIds: ["asia"],
},
"e-217": {
time: 1609937348463,
entityIds: ["eur"],
},
"e-218": {
time: 1609940142288,
entityIds: ["pw"],
},
"e-219": {
time: 1609944521283,
entityIds: ["us"],
},
"e-220": {
time: 1609946714010,
entityIds: ["us"],
},
"e-221": {
time: 1609948856646,
entityIds: ["us"],
},
"e-222": {
time: 1609951158564,
entityIds: ["us"],
},
"e-223": {
time: 1609952855124,
entityIds: ["eur"],
},
"e-224": {
time: 1609953034110,
entityIds: ["us"],
},
"e-225": {
time: 1609956535042,
entityIds: ["us"],
},
"e-226": {
time: 1609959004679,
entityIds: ["us"],
},
"e-227": {
time: 1609980377324,
entityIds: ["asia"],
},
"e-228": {
time: 1609984857449,
entityIds: ["asia"],
},
"e-229": {
time: 1609993972603,
entityIds: ["asia"],
},
"e-230": {
time: 1610005674570,
entityIds: ["asia"],
},
"e-231": {
time: 1610008075957,
entityIds: ["asia"],
},
"e-232": {
time: 1610012832069,
entityIds: ["eur"],
},
"e-233": {
time: 1610016682103,
entityIds: ["eur"],
},
"e-234": {
time: 1610026380039,
entityIds: ["eur"],
},
"e-235": {
time: 1610029812720,
entityIds: ["eur"],
},
"e-236": {
time: 1610039806655,
entityIds: ["us"],
},
"e-237": {
time: 1610046181250,
entityIds: ["us"],
},
"e-238": {
time: 1610048358919,
entityIds: ["us"],
},
"e-239": {
time: 1610049345247,
entityIds: ["us"],
},
"e-240": {
time: 1610056518691,
entityIds: ["us"],
},
"e-241": {
time: 1610071814769,
entityIds: ["asia"],
},
// ...truncated 22935 lines<!doctype html>
<html>
<head>
<link rel="stylesheet" href="@ci/theme/kg/css/examples.css" />
</head>
<body>
<div class="story">
<div class="story__timeline" id="my-timeline"></div>
<div class="story__controls story__controls--row">
<div class="story__controls__item">
<label for="wrapping-select" class="flex-2">Scale Wrapping</label>
<select id="wrapping-select" class="select">
<option value="day">Day</option>
<option value="week" selected>Week</option>
<option value="month">Month</option>
<option value="year">Year</option>
<option value="off">Off</option>
</select>
</div>
</div>
</div>
<script type="module" src="./code.js"></script>
</body>
</html>import React, { useState } from "react";
import { createRoot } from "react-dom/client";
import Timeline from "kronograph/react/Timeline";
import data from "./data";
export const Demo = () => {
const [wrapping, setWrapping] = useState("week");
const options = {
scales: {
wrapping,
},
};
return (
<div className="story">
<Timeline
className="story__timeline"
entities={data.entities}
events={data.events}
options={options}
/>
<div className="story__controls story__controls--row">
<div className="story__controls__item">
<label htmlFor="wrapping-select" className="flex-2">
Scale Wrapping
</label>
<select
id="wrapping-select"
className="select"
value={wrapping}
onChange={(e) => {
setWrapping(e.target.value);
}}
>
<option value="day">Day</option>
<option value="week">Week</option>
<option value="month">Month</option>
<option value="year">Year</option>
<option value="off">Off</option>
</select>
</div>
</div>
</div>
);
};
const root = createRoot(document.getElementById("my-timeline"));
root.render(<Demo />);export default {
entities: {
pw: {
label: "Password Reset Email",
color: "#f29f63",
},
prm: {
label: "Promotional Email",
color: "#f86868",
},
rel: {
label: "New Release Email",
color: "#ef4e4e",
},
hol: {
label: "Out Of Office Email",
color: "#62B0E8",
},
asia: {
label: "Asia Support",
color: "#A2A5FC",
},
eur: {
label: "Europe Support",
color: "#8888FC",
},
us: {
label: "N. America Support",
color: "#7069FA",
},
},
events: {
"e-0": {
time: 1609291435957,
entityIds: ["asia"],
},
"e-1": {
time: 1609296050044,
entityIds: ["asia"],
},
"e-2": {
time: 1609296712895,
entityIds: ["asia"],
},
"e-3": {
time: 1609297509252,
entityIds: ["pw"],
},
"e-4": {
time: 1609300120070,
entityIds: ["asia"],
},
"e-5": {
time: 1609302557994,
entityIds: ["asia"],
},
"e-6": {
time: 1609308410740,
entityIds: ["asia"],
},
"e-7": {
time: 1609312309150,
entityIds: ["asia"],
},
"e-8": {
time: 1609313483535,
entityIds: ["asia"],
},
"e-9": {
time: 1609315668650,
entityIds: ["asia"],
},
"e-10": {
time: 1609324254324,
entityIds: ["eur"],
},
"e-11": {
time: 1609333961506,
entityIds: ["eur"],
},
"e-12": {
time: 1609336173809,
entityIds: ["us"],
},
"e-13": {
time: 1609337156184,
entityIds: ["us"],
},
"e-14": {
time: 1609337874384,
entityIds: ["us"],
},
"e-15": {
time: 1609339632626,
entityIds: ["eur"],
},
"e-16": {
time: 1609339542743,
entityIds: ["us"],
},
"e-17": {
time: 1609346348455,
entityIds: ["us"],
},
"e-18": {
time: 1609352151665,
entityIds: ["us"],
},
"e-19": {
time: 1609355564767,
entityIds: ["pw"],
},
"e-20": {
time: 1609393264113,
entityIds: ["asia"],
},
"e-21": {
time: 1609393974242,
entityIds: ["asia"],
},
"e-22": {
time: 1609396633978,
entityIds: ["asia"],
},
"e-23": {
time: 1609404569662,
entityIds: ["asia"],
},
"e-24": {
time: 1609420735915,
entityIds: ["eur"],
},
"e-25": {
time: 1609429602176,
entityIds: ["us"],
},
"e-26": {
time: 1609446746833,
entityIds: ["us"],
},
"e-27": {
time: 1609451977938,
entityIds: ["us"],
},
"e-28": {
time: 1609459003267,
entityIds: ["hol"],
},
"e-29": {
time: 1609459737826,
entityIds: ["hol"],
},
"e-30": {
time: 1609460556090,
entityIds: ["hol"],
},
"e-31": {
time: 1609461001419,
entityIds: ["hol"],
},
"e-32": {
time: 1609461564691,
entityIds: ["hol"],
},
"e-33": {
time: 1609461920969,
entityIds: ["hol"],
},
"e-34": {
time: 1609462989011,
entityIds: ["hol"],
},
"e-35": {
time: 1609463459876,
entityIds: ["hol"],
},
"e-36": {
time: 1609463910906,
entityIds: ["hol"],
},
"e-37": {
time: 1609464369794,
entityIds: ["hol"],
},
"e-38": {
time: 1609465098405,
entityIds: ["hol"],
},
"e-39": {
time: 1609465659929,
entityIds: ["hol"],
},
"e-40": {
time: 1609466102843,
entityIds: ["hol"],
},
"e-41": {
time: 1609467010876,
entityIds: ["hol"],
},
"e-42": {
time: 1609467728672,
entityIds: ["hol"],
},
"e-43": {
time: 1609468381921,
entityIds: ["hol"],
},
"e-44": {
time: 1609468614925,
entityIds: ["hol"],
},
"e-45": {
time: 1609469670466,
entityIds: ["hol"],
},
"e-46": {
time: 1609470145831,
entityIds: ["hol"],
},
"e-47": {
time: 1609470361709,
entityIds: ["hol"],
},
"e-48": {
time: 1609471018749,
entityIds: ["hol"],
},
"e-49": {
time: 1609471812441,
entityIds: ["hol"],
},
"e-50": {
time: 1609472664783,
entityIds: ["hol"],
},
"e-51": {
time: 1609473238019,
entityIds: ["hol"],
},
"e-52": {
time: 1609473776311,
entityIds: ["hol"],
},
"e-53": {
time: 1609474230238,
entityIds: ["hol"],
},
"e-54": {
time: 1609474638059,
entityIds: ["hol"],
},
"e-55": {
time: 1609475235451,
entityIds: ["hol"],
},
"e-56": {
time: 1609476263801,
entityIds: ["hol"],
},
"e-57": {
time: 1609476637488,
entityIds: ["hol"],
},
"e-58": {
time: 1609477219645,
entityIds: ["hol"],
},
"e-59": {
time: 1609477556878,
entityIds: ["hol"],
},
"e-60": {
time: 1609478183842,
entityIds: ["hol"],
},
"e-61": {
time: 1609478912621,
entityIds: ["hol"],
},
"e-62": {
time: 1609479594010,
entityIds: ["hol"],
},
"e-63": {
time: 1609480174610,
entityIds: ["hol"],
},
"e-64": {
time: 1609480517755,
entityIds: ["hol"],
},
"e-65": {
time: 1609481183298,
entityIds: ["hol"],
},
"e-66": {
time: 1609481970385,
entityIds: ["hol"],
},
"e-67": {
time: 1609482784864,
entityIds: ["hol"],
},
"e-68": {
time: 1609482944961,
entityIds: ["hol"],
},
"e-69": {
time: 1609483572847,
entityIds: ["hol"],
},
"e-70": {
time: 1609484483338,
entityIds: ["hol"],
},
"e-71": {
time: 1609484902646,
entityIds: ["hol"],
},
"e-72": {
time: 1609485860703,
entityIds: ["hol"],
},
"e-73": {
time: 1609486158877,
entityIds: ["hol"],
},
"e-74": {
time: 1609486778605,
entityIds: ["hol"],
},
"e-75": {
time: 1609487568022,
entityIds: ["hol"],
},
"e-76": {
time: 1609487806717,
entityIds: ["hol"],
},
"e-77": {
time: 1609488603831,
entityIds: ["hol"],
},
"e-78": {
time: 1609489111226,
entityIds: ["hol"],
},
"e-79": {
time: 1609490088709,
entityIds: ["hol"],
},
"e-80": {
time: 1609490467018,
entityIds: ["hol"],
},
"e-81": {
time: 1609491046901,
entityIds: ["hol"],
},
"e-82": {
time: 1609491768422,
entityIds: ["hol"],
},
"e-83": {
time: 1609492425794,
entityIds: ["hol"],
},
"e-84": {
time: 1609492767559,
entityIds: ["hol"],
},
"e-85": {
time: 1609493178452,
entityIds: ["hol"],
},
"e-86": {
time: 1609494198093,
entityIds: ["hol"],
},
"e-87": {
time: 1609494875362,
entityIds: ["hol"],
},
"e-88": {
time: 1609495176600,
entityIds: ["hol"],
},
"e-89": {
time: 1609495654553,
entityIds: ["hol"],
},
"e-90": {
time: 1609496367873,
entityIds: ["hol"],
},
"e-91": {
time: 1609497060308,
entityIds: ["hol"],
},
"e-92": {
time: 1609497667501,
entityIds: ["hol"],
},
"e-93": {
time: 1609497976019,
entityIds: ["hol"],
},
"e-94": {
time: 1609498811634,
entityIds: ["hol"],
},
"e-95": {
time: 1609499615807,
entityIds: ["hol"],
},
"e-96": {
time: 1609500200437,
entityIds: ["hol"],
},
"e-97": {
time: 1609500343155,
entityIds: ["hol"],
},
"e-98": {
time: 1609501130412,
entityIds: ["hol"],
},
"e-99": {
time: 1609501565578,
entityIds: ["hol"],
},
"e-100": {
time: 1609502112131,
entityIds: ["hol"],
},
"e-101": {
time: 1609502850620,
entityIds: ["hol"],
},
"e-102": {
time: 1609503703582,
entityIds: ["hol"],
},
"e-103": {
time: 1609504322662,
entityIds: ["hol"],
},
"e-104": {
time: 1609504822269,
entityIds: ["hol"],
},
"e-105": {
time: 1609505672121,
entityIds: ["hol"],
},
"e-106": {
time: 1609506182591,
entityIds: ["hol"],
},
"e-107": {
time: 1609506738524,
entityIds: ["hol"],
},
"e-108": {
time: 1609507384971,
entityIds: ["hol"],
},
"e-109": {
time: 1609507985002,
entityIds: ["hol"],
},
"e-110": {
time: 1609508635427,
entityIds: ["hol"],
},
"e-111": {
time: 1609508796769,
entityIds: ["hol"],
},
"e-112": {
time: 1609509603242,
entityIds: ["hol"],
},
"e-113": {
time: 1609510142189,
entityIds: ["hol"],
},
"e-114": {
time: 1609510577452,
entityIds: ["hol"],
},
"e-115": {
time: 1609511129419,
entityIds: ["hol"],
},
"e-116": {
time: 1609512175631,
entityIds: ["hol"],
},
"e-117": {
time: 1609512348312,
entityIds: ["hol"],
},
"e-118": {
time: 1609513418596,
entityIds: ["hol"],
},
"e-119": {
time: 1609513728554,
entityIds: ["hol"],
},
"e-120": {
time: 1609514492526,
entityIds: ["hol"],
},
"e-121": {
time: 1609514712970,
entityIds: ["hol"],
},
"e-122": {
time: 1609515888729,
entityIds: ["hol"],
},
"e-123": {
time: 1609516393715,
entityIds: ["hol"],
},
"e-124": {
time: 1609517012452,
entityIds: ["hol"],
},
"e-125": {
time: 1609517674625,
entityIds: ["hol"],
},
"e-126": {
time: 1609517966167,
entityIds: ["hol"],
},
"e-127": {
time: 1609518484140,
entityIds: ["hol"],
},
"e-128": {
time: 1609519233894,
entityIds: ["hol"],
},
"e-129": {
time: 1609519678340,
entityIds: ["hol"],
},
"e-130": {
time: 1609520441576,
entityIds: ["hol"],
},
"e-131": {
time: 1609520801252,
entityIds: ["hol"],
},
"e-132": {
time: 1609521535452,
entityIds: ["hol"],
},
"e-133": {
time: 1609522143934,
entityIds: ["hol"],
},
"e-134": {
time: 1609522877743,
entityIds: ["hol"],
},
"e-135": {
time: 1609523392528,
entityIds: ["hol"],
},
"e-136": {
time: 1609524112404,
entityIds: ["hol"],
},
"e-137": {
time: 1609524848967,
entityIds: ["hol"],
},
"e-138": {
time: 1609524938044,
entityIds: ["hol"],
},
"e-139": {
time: 1609525994408,
entityIds: ["hol"],
},
"e-140": {
time: 1609526198107,
entityIds: ["hol"],
},
"e-141": {
time: 1609526747747,
entityIds: ["hol"],
},
"e-142": {
time: 1609527478753,
entityIds: ["hol"],
},
"e-143": {
time: 1609528054686,
entityIds: ["hol"],
},
"e-144": {
time: 1609528792991,
entityIds: ["hol"],
},
"e-145": {
time: 1609529356273,
entityIds: ["hol"],
},
"e-146": {
time: 1609529959279,
entityIds: ["hol"],
},
"e-147": {
time: 1609530507662,
entityIds: ["hol"],
},
"e-148": {
time: 1609531480548,
entityIds: ["hol"],
},
"e-149": {
time: 1609531997976,
entityIds: ["hol"],
},
"e-150": {
time: 1609532533392,
entityIds: ["hol"],
},
"e-151": {
time: 1609532983463,
entityIds: ["hol"],
},
"e-152": {
time: 1609533355976,
entityIds: ["hol"],
},
"e-153": {
time: 1609534409191,
entityIds: ["hol"],
},
"e-154": {
time: 1609534735281,
entityIds: ["hol"],
},
"e-155": {
time: 1609535544302,
entityIds: ["hol"],
},
"e-156": {
time: 1609536157793,
entityIds: ["hol"],
},
"e-157": {
time: 1609536644554,
entityIds: ["hol"],
},
"e-158": {
time: 1609537384356,
entityIds: ["hol"],
},
"e-159": {
time: 1609537508941,
entityIds: ["hol"],
},
"e-160": {
time: 1609538451178,
entityIds: ["hol"],
},
"e-161": {
time: 1609538864726,
entityIds: ["hol"],
},
"e-162": {
time: 1609539522912,
entityIds: ["hol"],
},
"e-163": {
time: 1609540350605,
entityIds: ["hol"],
},
"e-164": {
time: 1609540897635,
entityIds: ["hol"],
},
"e-165": {
time: 1609541347830,
entityIds: ["hol"],
},
"e-166": {
time: 1609542235508,
entityIds: ["hol"],
},
"e-167": {
time: 1609542871416,
entityIds: ["hol"],
},
"e-168": {
time: 1609542903825,
entityIds: ["hol"],
},
"e-169": {
time: 1609543986299,
entityIds: ["hol"],
},
"e-170": {
time: 1609544106312,
entityIds: ["hol"],
},
"e-171": {
time: 1609544875143,
entityIds: ["hol"],
},
"e-172": {
time: 1609722174853,
entityIds: ["asia"],
},
"e-173": {
time: 1609724682982,
entityIds: ["asia"],
},
"e-174": {
time: 1609739527003,
entityIds: ["asia"],
},
"e-175": {
time: 1609740648383,
entityIds: ["asia"],
},
"e-176": {
time: 1609744206987,
entityIds: ["asia"],
},
"e-177": {
time: 1609756958331,
entityIds: ["pw"],
},
"e-178": {
time: 1609759097515,
entityIds: ["eur"],
},
"e-179": {
time: 1609762558351,
entityIds: ["eur"],
},
"e-180": {
time: 1609768971190,
entityIds: ["eur"],
},
"e-181": {
time: 1609768759463,
entityIds: ["us"],
},
"e-182": {
time: 1609769315565,
entityIds: ["eur"],
},
"e-183": {
time: 1609774212083,
entityIds: ["eur"],
},
"e-184": {
time: 1609775581036,
entityIds: ["us"],
},
"e-185": {
time: 1609781708871,
entityIds: ["us"],
},
"e-186": {
time: 1609785942149,
entityIds: ["us"],
},
"e-187": {
time: 1609786807305,
entityIds: ["us"],
},
"e-188": {
time: 1609787794010,
entityIds: ["us"],
},
"e-189": {
time: 1609790667389,
entityIds: ["us"],
},
"e-190": {
time: 1609791476295,
entityIds: ["us"],
},
"e-191": {
time: 1609815373499,
entityIds: ["asia"],
},
"e-192": {
time: 1609817985685,
entityIds: ["asia"],
},
"e-193": {
time: 1609829591147,
entityIds: ["asia"],
},
"e-194": {
time: 1609834987380,
entityIds: ["eur"],
},
"e-195": {
time: 1609836384942,
entityIds: ["pw"],
},
"e-196": {
time: 1609841409699,
entityIds: ["asia"],
},
"e-197": {
time: 1609853950205,
entityIds: ["eur"],
},
"e-198": {
time: 1609855798904,
entityIds: ["us"],
},
"e-199": {
time: 1609856656013,
entityIds: ["eur"],
},
"e-200": {
time: 1609859362972,
entityIds: ["eur"],
},
"e-201": {
time: 1609860945419,
entityIds: ["us"],
},
"e-202": {
time: 1609861815396,
entityIds: ["eur"],
},
"e-203": {
time: 1609863613359,
entityIds: ["us"],
},
"e-204": {
time: 1609864181783,
entityIds: ["us"],
},
"e-205": {
time: 1609864717151,
entityIds: ["us"],
},
"e-206": {
time: 1609870596582,
entityIds: ["us"],
},
"e-207": {
time: 1609876105303,
entityIds: ["us"],
},
"e-208": {
time: 1609898592454,
entityIds: ["asia"],
},
"e-209": {
time: 1609898953920,
entityIds: ["asia"],
},
"e-210": {
time: 1609903290165,
entityIds: ["asia"],
},
"e-211": {
time: 1609908816769,
entityIds: ["asia"],
},
"e-212": {
time: 1609914685617,
entityIds: ["asia"],
},
"e-213": {
time: 1609915656569,
entityIds: ["asia"],
},
"e-214": {
time: 1609921763698,
entityIds: ["asia"],
},
"e-215": {
time: 1609921594187,
entityIds: ["eur"],
},
"e-216": {
time: 1609922958877,
entityIds: ["asia"],
},
"e-217": {
time: 1609937348463,
entityIds: ["eur"],
},
"e-218": {
time: 1609940142288,
entityIds: ["pw"],
},
"e-219": {
time: 1609944521283,
entityIds: ["us"],
},
"e-220": {
time: 1609946714010,
entityIds: ["us"],
},
"e-221": {
time: 1609948856646,
entityIds: ["us"],
},
"e-222": {
time: 1609951158564,
entityIds: ["us"],
},
"e-223": {
time: 1609952855124,
entityIds: ["eur"],
},
"e-224": {
time: 1609953034110,
entityIds: ["us"],
},
"e-225": {
time: 1609956535042,
entityIds: ["us"],
},
"e-226": {
time: 1609959004679,
entityIds: ["us"],
},
"e-227": {
time: 1609980377324,
entityIds: ["asia"],
},
"e-228": {
time: 1609984857449,
entityIds: ["asia"],
},
"e-229": {
time: 1609993972603,
entityIds: ["asia"],
},
"e-230": {
time: 1610005674570,
entityIds: ["asia"],
},
"e-231": {
time: 1610008075957,
entityIds: ["asia"],
},
"e-232": {
time: 1610012832069,
entityIds: ["eur"],
},
"e-233": {
time: 1610016682103,
entityIds: ["eur"],
},
"e-234": {
time: 1610026380039,
entityIds: ["eur"],
},
"e-235": {
time: 1610029812720,
entityIds: ["eur"],
},
"e-236": {
time: 1610039806655,
entityIds: ["us"],
},
"e-237": {
time: 1610046181250,
entityIds: ["us"],
},
"e-238": {
time: 1610048358919,
entityIds: ["us"],
},
"e-239": {
time: 1610049345247,
entityIds: ["us"],
},
"e-240": {
time: 1610056518691,
entityIds: ["us"],
},
"e-241": {
time: 1610071814769,
entityIds: ["asia"],
},
// ...truncated 22935 lines<!doctype html>
<html>
<head>
<link rel="stylesheet" href="@ci/theme/kg/css/examples.css" />
</head>
<body>
<div id="my-timeline" style="height: 100vh"></div>
<script type="module" src="./code.jsx"></script>
</body>
</html>