Hover over the timeline to reveal the areas that contain event folds. Toggle the event folds open and closed by clicking them.
Event folds are shown when more than one event occurs at the same time.
In this story, we show transactions from a series of Bitcoin blocks. Each transaction is given the timestamp of its block.
See also:
import { createTimeline } from "kronograph";
import data from "./data";
const timeline = createTimeline("my-timeline");
timeline.set(data);
timeline.fit();
timeline.options({
entities: { truncateLabelsAt: 17 },
fontFamily: "monospace",
});export default {
entities: {
"1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W": { type: "target" },
"1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7": {},
"1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg": {},
"168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu": {},
"17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M": {},
"1GGyoPmu7523azzSL3ibGqcosBk6mD2Ecw": {},
"1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp": {},
"1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT": {},
"1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF": {},
"1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D": {},
"1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ": {},
"1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e": {},
"1PjdaN89s5xwHJp23EtqzoCp1gYHWvQBrr": {},
"1LQUAbE6jZeFNCnasnLs9P7ddrrGPM9xck": {},
"1BybiyHkcQmg8sT5STUjxWDDoMCUa9Rin2": {},
"1FnjxxDDXMBbrGHTt4XcfoB9uRgkKE16nb": {},
"17BJQ1qGZ9CThhiyVFpYDNZgwV8NJJ837d": {},
"17d7fV2buiKQpNAz8eeTZ6L3LUhy2oqrH2": {},
"12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA": {},
"18iuAro7AMA7MzffYvAqi63jS2niRghKc": {},
"1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9": {},
"1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe": {},
"1HVGexrM4LrDde8UifYm3fQwiUSG2Uqx5d": {},
"1FHPE78KeabMj6dtbw1fSyCPipv5buG3iZ": {},
"1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4": {},
"1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF": {},
"1H9g4W4ZCdRK4XzPwKSXewX1V7awBi5xDJ": {},
"1L3VF3d2DzLVSzYj5Su1qcREVU35jsBShr": {},
"1NfGfhWk2mzKAiQcQyBY8SMCyfQ1RTcDVa": {},
"1GWxJNhyA8XJjHvxr93vZed1rEn3Gyzrv1": {},
"1FhQm2WyfsEQT3TuWSHFKsriXgy2Fuyegq": {},
"12vYHxs6Tt4d8AUGkX6xTPR9HNFzxPFHqm": {},
"1N8xf4ZSG4AK7ZAXZsG1KArkvPi5KW8xeA": {},
"1DfiMLTAKtH3HD8pGHg5tNkbS9TqrYhTNW": {},
"1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT": {},
"1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP": {},
"13xLk4Y9gXtWe9AGCSeYDzhrXwZwdPtyCY": {},
"1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C": {},
},
entityTypes: {
default: { typeLabel: "Addresses", order: 0 },
target: { typeLabel: "Target", color: "#f86868", order: 1 },
},
events: {
e67df24f9697bcea843fc34e3d6584876de03e905b21d3d453fca77eaa4fde52: {
entityIds: {
from: ["1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7"],
},
time: 1406903058000,
},
"92ad8322245446b859b867a801c1fb6eef1ea4a5133850de30aa977c04ea2357": {
entityIds: {
from: ["1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg"],
},
time: 1406903058000,
},
cb7ff6db2f0d85fb9a5a87c068d96fc14269cfcb7027a222e1073e42d04a5605: {
entityIds: {
from: ["168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu"],
},
time: 1406904222000,
},
"4e9ddd4fd6c63495b963dc85dd46d2ac5571808b93ae6a5d48bdd51f1aad78b5": {
entityIds: {
from: ["17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M", "1GGyoPmu7523azzSL3ibGqcosBk6mD2Ecw"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M"],
},
time: 1406904222000,
},
fbe6f0e5eede51df8dbe9ae30465593f300ecfcd1850b8cf252440c93edc7e52: {
entityIds: {
from: ["1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp"],
},
time: 1406905390000,
},
"7095dfa9acb2f1ae5ea67521ddbf8397aa6bd1dc894eb8bda751aefd4786be5d": {
entityIds: {
from: ["1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT"],
},
time: 1406905390000,
},
"1092bd8e27d4dbee0c8b1bd047c40b5ccb6038f2b1f3586fdfd963986f0d18c0": {
entityIds: {
from: ["1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF"],
},
time: 1406905390000,
},
"7a672cb657b038334150203b9468683ee25aa567773ed4eab8953336b6deaaf6": {
entityIds: {
from: ["1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D"],
},
time: 1406906402000,
},
b965a88e3e82e5491c388094a186a2f90b04e65160223b2b03212e0e598cfc25: {
entityIds: {
from: ["1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ"],
},
time: 1406907194000,
},
"527e0aac14b22040c84fa017c83353970e09eeb0ceb03f653173c43b44102ee7": {
entityIds: {
from: ["1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e"],
},
time: 1406907194000,
},
b3c269b65df6176cad82ffbe288fe3f9fe84687532c69d1f033c2b6252776d5e: {
entityIds: {
from: ["1PjdaN89s5xwHJp23EtqzoCp1gYHWvQBrr"],
to: [
"1LQUAbE6jZeFNCnasnLs9P7ddrrGPM9xck",
"1BybiyHkcQmg8sT5STUjxWDDoMCUa9Rin2",
"1FnjxxDDXMBbrGHTt4XcfoB9uRgkKE16nb",
"1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W",
"17BJQ1qGZ9CThhiyVFpYDNZgwV8NJJ837d",
"17d7fV2buiKQpNAz8eeTZ6L3LUhy2oqrH2",
],
},
time: 1406908119000,
},
b860b0f4f767d8257b3a9cb2cfdaf0ea145b1df2bac0df2157da6707eb5b3e9f: {
entityIds: {
from: ["12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA"],
},
time: 1406908498000,
},
"6c5783592fe0eb56a8a0beaa344a3951d5dc4492983fe5f419d4a8ee0aa0017e": {
entityIds: {
from: ["18iuAro7AMA7MzffYvAqi63jS2niRghKc", "18iuAro7AMA7MzffYvAqi63jS2niRghKc"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "18iuAro7AMA7MzffYvAqi63jS2niRghKc"],
},
time: 1406909981000,
},
"77f13c2338b4fd74730b36f3f204e3f620481738786c6b18e360984bd9fe680f": {
entityIds: {
from: ["1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9"],
},
time: 1406909981000,
},
af39ec7ac03c28b4c6946116554f5a76f3fda409c89f2038b75da3e443db3fac: {
entityIds: {
from: ["1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe"],
},
time: 1406910221000,
},
"60725f9048ff3960910fd0f22c0e32fb12955840548a6f14ff10697515c44007": {
entityIds: {
from: ["1HVGexrM4LrDde8UifYm3fQwiUSG2Uqx5d"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1FHPE78KeabMj6dtbw1fSyCPipv5buG3iZ"],
},
time: 1406910472000,
},
"872750f38e38ee7e2054a5e47a71df188c4f484803c299d72b2f2426bd6a493c": {
entityIds: {
from: ["1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4"],
},
time: 1406912145000,
},
"1879fa4b5f700aabcbf78b9fe9ee796701493eb08feef84dc1bc97624e283c2d": {
entityIds: {
from: ["1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF"],
},
time: 1406912145000,
},
a894ba31d6b792f929aba48f68591d6f86efd95961133f1a5ddfe66d794b9b8b: {
entityIds: {
from: [
"1H9g4W4ZCdRK4XzPwKSXewX1V7awBi5xDJ",
"1L3VF3d2DzLVSzYj5Su1qcREVU35jsBShr",
"1NfGfhWk2mzKAiQcQyBY8SMCyfQ1RTcDVa",
"1GWxJNhyA8XJjHvxr93vZed1rEn3Gyzrv1",
],
to: [
"1FhQm2WyfsEQT3TuWSHFKsriXgy2Fuyegq",
"12vYHxs6Tt4d8AUGkX6xTPR9HNFzxPFHqm",
"1N8xf4ZSG4AK7ZAXZsG1KArkvPi5KW8xeA",
"1DfiMLTAKtH3HD8pGHg5tNkbS9TqrYhTNW",
],
},
time: 1406912145000,
},
"6e5d1accfd4fa36dd9a9f26cca56e229c46c4019b76f12af75c2ae2ff86d1d95": {
entityIds: {
from: ["1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT"],
},
time: 1406912713000,
},
"473bf3d58771a8cd751be8cbc085e961e3c236a00c33ca2c475aa8bd6a92231d": {
entityIds: {
from: ["1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP"],
},
time: 1406912713000,
},
"2ead1b4b50146b755653a14845edd3aa1baf3d2e7094c9690886f091e73c5d9f": {
entityIds: {
from: ["13xLk4Y9gXtWe9AGCSeYDzhrXwZwdPtyCY"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W"],
},
time: 1406913434000,
},
"098b1d130c3be687c8a38355031268566bdcb34ffbec4b9a1272ab88f3b06ea3": {
entityIds: {
from: ["1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C"],
},
time: 1406915919000,
},
},
eventTypes: { default: { color: "entity" } },
};<!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.js"></script>
</body>
</html>import React from "react";
import { createRoot } from "react-dom/client";
import Timeline from "kronograph/react/Timeline";
import data from "./data";
const { entities, events, entityTypes, eventTypes } = data;
export const Demo = () => (
<Timeline
entities={entities}
events={events}
entityTypes={entityTypes}
eventTypes={eventTypes}
options={{
entities: { truncateLabelsAt: 17 },
fontFamily: "monospace",
}}
/>
);
const root = createRoot(document.getElementById("my-timeline"));
root.render(<Demo />);export default {
entities: {
"1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W": { type: "target" },
"1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7": {},
"1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg": {},
"168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu": {},
"17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M": {},
"1GGyoPmu7523azzSL3ibGqcosBk6mD2Ecw": {},
"1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp": {},
"1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT": {},
"1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF": {},
"1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D": {},
"1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ": {},
"1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e": {},
"1PjdaN89s5xwHJp23EtqzoCp1gYHWvQBrr": {},
"1LQUAbE6jZeFNCnasnLs9P7ddrrGPM9xck": {},
"1BybiyHkcQmg8sT5STUjxWDDoMCUa9Rin2": {},
"1FnjxxDDXMBbrGHTt4XcfoB9uRgkKE16nb": {},
"17BJQ1qGZ9CThhiyVFpYDNZgwV8NJJ837d": {},
"17d7fV2buiKQpNAz8eeTZ6L3LUhy2oqrH2": {},
"12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA": {},
"18iuAro7AMA7MzffYvAqi63jS2niRghKc": {},
"1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9": {},
"1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe": {},
"1HVGexrM4LrDde8UifYm3fQwiUSG2Uqx5d": {},
"1FHPE78KeabMj6dtbw1fSyCPipv5buG3iZ": {},
"1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4": {},
"1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF": {},
"1H9g4W4ZCdRK4XzPwKSXewX1V7awBi5xDJ": {},
"1L3VF3d2DzLVSzYj5Su1qcREVU35jsBShr": {},
"1NfGfhWk2mzKAiQcQyBY8SMCyfQ1RTcDVa": {},
"1GWxJNhyA8XJjHvxr93vZed1rEn3Gyzrv1": {},
"1FhQm2WyfsEQT3TuWSHFKsriXgy2Fuyegq": {},
"12vYHxs6Tt4d8AUGkX6xTPR9HNFzxPFHqm": {},
"1N8xf4ZSG4AK7ZAXZsG1KArkvPi5KW8xeA": {},
"1DfiMLTAKtH3HD8pGHg5tNkbS9TqrYhTNW": {},
"1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT": {},
"1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP": {},
"13xLk4Y9gXtWe9AGCSeYDzhrXwZwdPtyCY": {},
"1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C": {},
},
entityTypes: {
default: { typeLabel: "Addresses", order: 0 },
target: { typeLabel: "Target", color: "#f86868", order: 1 },
},
events: {
e67df24f9697bcea843fc34e3d6584876de03e905b21d3d453fca77eaa4fde52: {
entityIds: {
from: ["1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1GPtUELCbyNEMc6RY9wH3mpNC9YvsqUmn7"],
},
time: 1406903058000,
},
"92ad8322245446b859b867a801c1fb6eef1ea4a5133850de30aa977c04ea2357": {
entityIds: {
from: ["1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1EUQNYBiSooaBvFVTYrikdzRZRuiCuo8Rg"],
},
time: 1406903058000,
},
cb7ff6db2f0d85fb9a5a87c068d96fc14269cfcb7027a222e1073e42d04a5605: {
entityIds: {
from: ["168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "168XXoEpCkB5BhE7wypZq8e1N6tA7XAsRu"],
},
time: 1406904222000,
},
"4e9ddd4fd6c63495b963dc85dd46d2ac5571808b93ae6a5d48bdd51f1aad78b5": {
entityIds: {
from: ["17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M", "1GGyoPmu7523azzSL3ibGqcosBk6mD2Ecw"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "17ACq52zrfNqqCuckekYE7gZKEMEQ2MM3M"],
},
time: 1406904222000,
},
fbe6f0e5eede51df8dbe9ae30465593f300ecfcd1850b8cf252440c93edc7e52: {
entityIds: {
from: ["1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1955Z2HxN2B5NRcSu2dJ1J8v6SL4aPkdVp"],
},
time: 1406905390000,
},
"7095dfa9acb2f1ae5ea67521ddbf8397aa6bd1dc894eb8bda751aefd4786be5d": {
entityIds: {
from: ["1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1NJL1fp1ydBtZXEc5d74ggkcscUGwtVLgT"],
},
time: 1406905390000,
},
"1092bd8e27d4dbee0c8b1bd047c40b5ccb6038f2b1f3586fdfd963986f0d18c0": {
entityIds: {
from: ["1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1CMRHSegKoZYetvgbW5UC7mchKYygYZ8AF"],
},
time: 1406905390000,
},
"7a672cb657b038334150203b9468683ee25aa567773ed4eab8953336b6deaaf6": {
entityIds: {
from: ["1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1CTkgBSdbEb56xuKq7q4gJdK3m55brRQ7D"],
},
time: 1406906402000,
},
b965a88e3e82e5491c388094a186a2f90b04e65160223b2b03212e0e598cfc25: {
entityIds: {
from: ["1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Dv87Z5rnrjfXyZkRUe2ebsVHYTF6RAkoZ"],
},
time: 1406907194000,
},
"527e0aac14b22040c84fa017c83353970e09eeb0ceb03f653173c43b44102ee7": {
entityIds: {
from: ["1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1EkKxG3AkFvNF3YS2d4Lyqf88AdPpH8H1e"],
},
time: 1406907194000,
},
b3c269b65df6176cad82ffbe288fe3f9fe84687532c69d1f033c2b6252776d5e: {
entityIds: {
from: ["1PjdaN89s5xwHJp23EtqzoCp1gYHWvQBrr"],
to: [
"1LQUAbE6jZeFNCnasnLs9P7ddrrGPM9xck",
"1BybiyHkcQmg8sT5STUjxWDDoMCUa9Rin2",
"1FnjxxDDXMBbrGHTt4XcfoB9uRgkKE16nb",
"1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W",
"17BJQ1qGZ9CThhiyVFpYDNZgwV8NJJ837d",
"17d7fV2buiKQpNAz8eeTZ6L3LUhy2oqrH2",
],
},
time: 1406908119000,
},
b860b0f4f767d8257b3a9cb2cfdaf0ea145b1df2bac0df2157da6707eb5b3e9f: {
entityIds: {
from: ["12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "12mSNLGZkvQ1eRHbAfarY9h5E5Rwwr4yNA"],
},
time: 1406908498000,
},
"6c5783592fe0eb56a8a0beaa344a3951d5dc4492983fe5f419d4a8ee0aa0017e": {
entityIds: {
from: ["18iuAro7AMA7MzffYvAqi63jS2niRghKc", "18iuAro7AMA7MzffYvAqi63jS2niRghKc"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "18iuAro7AMA7MzffYvAqi63jS2niRghKc"],
},
time: 1406909981000,
},
"77f13c2338b4fd74730b36f3f204e3f620481738786c6b18e360984bd9fe680f": {
entityIds: {
from: ["1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1DjHtHQqEmCqXFkCZJnU9hBpTs94Z6MGk9"],
},
time: 1406909981000,
},
af39ec7ac03c28b4c6946116554f5a76f3fda409c89f2038b75da3e443db3fac: {
entityIds: {
from: ["1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1MVpEWSHoMSeZbHhCuSPVeNxhYU9Sw7Gqe"],
},
time: 1406910221000,
},
"60725f9048ff3960910fd0f22c0e32fb12955840548a6f14ff10697515c44007": {
entityIds: {
from: ["1HVGexrM4LrDde8UifYm3fQwiUSG2Uqx5d"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1FHPE78KeabMj6dtbw1fSyCPipv5buG3iZ"],
},
time: 1406910472000,
},
"872750f38e38ee7e2054a5e47a71df188c4f484803c299d72b2f2426bd6a493c": {
entityIds: {
from: ["1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Lf7JmhyPaKaapvqC3zxK19Nczc1BHViJ4"],
},
time: 1406912145000,
},
"1879fa4b5f700aabcbf78b9fe9ee796701493eb08feef84dc1bc97624e283c2d": {
entityIds: {
from: ["1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1Ccj4LARNnVPgyXuZDtwFRzt1cvRudz9CF"],
},
time: 1406912145000,
},
a894ba31d6b792f929aba48f68591d6f86efd95961133f1a5ddfe66d794b9b8b: {
entityIds: {
from: [
"1H9g4W4ZCdRK4XzPwKSXewX1V7awBi5xDJ",
"1L3VF3d2DzLVSzYj5Su1qcREVU35jsBShr",
"1NfGfhWk2mzKAiQcQyBY8SMCyfQ1RTcDVa",
"1GWxJNhyA8XJjHvxr93vZed1rEn3Gyzrv1",
],
to: [
"1FhQm2WyfsEQT3TuWSHFKsriXgy2Fuyegq",
"12vYHxs6Tt4d8AUGkX6xTPR9HNFzxPFHqm",
"1N8xf4ZSG4AK7ZAXZsG1KArkvPi5KW8xeA",
"1DfiMLTAKtH3HD8pGHg5tNkbS9TqrYhTNW",
],
},
time: 1406912145000,
},
"6e5d1accfd4fa36dd9a9f26cca56e229c46c4019b76f12af75c2ae2ff86d1d95": {
entityIds: {
from: ["1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1M16sY7rhWSd7zKSe67AkaDe1YcirWYpHT"],
},
time: 1406912713000,
},
"473bf3d58771a8cd751be8cbc085e961e3c236a00c33ca2c475aa8bd6a92231d": {
entityIds: {
from: ["1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1ChZNw6nZVf6TKsGpyGiu1btjeJd2PVqyP"],
},
time: 1406912713000,
},
"2ead1b4b50146b755653a14845edd3aa1baf3d2e7094c9690886f091e73c5d9f": {
entityIds: {
from: ["13xLk4Y9gXtWe9AGCSeYDzhrXwZwdPtyCY"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W"],
},
time: 1406913434000,
},
"098b1d130c3be687c8a38355031268566bdcb34ffbec4b9a1272ab88f3b06ea3": {
entityIds: {
from: ["1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C"],
to: ["1PZ5ebvdt43dvRRgRNgBhsq2PwAKN4X6W", "1FS5YyiS8QR6kzvvLdXY98qcHByyxKx36C"],
},
time: 1406915919000,
},
},
eventTypes: { default: { color: "entity" } },
};<!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>