Scroll and pan the time bar to filter items outside the time range.
To use the time bar as a chart filter, update the app state with items in the time bar range. You can then use the items in range to update the chart state.
See also
import React, { useState } from "react";
import { createRoot } from "react-dom/client";
import forEach from "lodash/forEach";
import has from "lodash/has";
import pickBy from "lodash/pickBy";
import { Chart, TimeBar } from "regraph";
import data from "./data";
import { style } from "@ci/theme/rg/js/storyStyles";
export const Demo = () => <ChartAndTimeBar items={data()} />;
function ChartAndTimeBar(props) {
const { items: importedItems } = props;
const [state, setState] = useState({
inRange: null,
items: importedItems,
});
const setTimeRange = ({ items: inRange }) => {
if (inRange != null) {
setState((current) => {
return { ...current, inRange };
});
}
};
const filteredData = (isInRange) => {
// Our time data is on links, so the timebar's inRange object only contains links.
// To show nodes in the chart too, we track each link's connected nodes
const nodes = {};
forEach(isInRange, (item) => {
if (has(item, "id1") && has(item, "id2")) {
nodes[item.id1] = true;
nodes[item.id2] = true;
}
});
// Now return the subset of visible items
return pickBy(state.items, (value, key) => isInRange[key] || nodes[key]);
};
const { inRange, items } = state;
return (
<>
<Chart
style={{ width: "100%", height: "calc(100% - 100px)" }}
// When the timebar is ready, show items filtered by range
items={inRange ? }
/>
<TimeBar
items={items}
style={{ width: "100%", height: "100px" }}
onChange={setTimeRange}
options={{
style: { ...style.primary1, hoverColor: style.colors.teal0 },
backgroundColor: "#f8f8f8",
}}
/>
</>
);
}
const root = createRoot(document.getElementById("regraph"));
root.render(<Demo />);import { style } from "@ci/theme/rg/js/storyStyles";
function data() {
const values = {
9: { ...style.primary1, label: { ...style.primaryLabel1, text: "9" } },
127: { ...style.primary1, label: { ...style.primaryLabel1, text: "127" } },
129: { ...style.primary1, label: { ...style.primaryLabel1, text: "129" } },
157: { ...style.primary1, label: { ...style.primaryLabel1, text: "157" } },
192: { ...style.primary1, label: { ...style.primaryLabel1, text: "192" } },
193: { ...style.primary1, label: { ...style.primaryLabel1, text: "193" } },
208: { ...style.primary1, label: { ...style.primaryLabel1, text: "208" } },
244: { ...style.primary1, label: { ...style.primaryLabel1, text: "244" } },
372: { ...style.primary1, label: { ...style.primaryLabel1, text: "372" } },
452: { ...style.primary1, label: { ...style.primaryLabel1, text: "452" } },
455: { ...style.primary1, label: { ...style.primaryLabel1, text: "455" } },
563: { ...style.primary1, label: { ...style.primaryLabel1, text: "563" } },
901: { ...style.primary1, label: { ...style.primaryLabel1, text: "901" } },
908: { ...style.primary1, label: { ...style.primaryLabel1, text: "908" } },
1641: {
...style.primary1,
label: { ...style.primaryLabel1, text: "1641" },
},
1740: {
...style.primary1,
label: { ...style.primaryLabel1, text: "1740" },
},
2172: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2172" },
},
2327: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2327" },
},
2330: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2330" },
},
2367: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2367" },
},
2432: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2432" },
},
14099: {
...style.primary1,
label: { ...style.primaryLabel1, text: "14099" },
},
21261: {
...style.primary1,
label: { ...style.primaryLabel1, text: "21261" },
},
45347: {
...style.primary1,
label: { ...style.primaryLabel1, text: "45347" },
},
2284122: {
...style.primary1,
label: { ...style.primaryLabel1, text: "2284122" },
},
3305122: {
...style.primary1,
label: { ...style.primaryLabel1, text: "3305122" },
},
3360769: {
...style.primary1,
label: { ...style.primaryLabel1, text: "3360769" },
},
3371982: {
...style.primary1,
label: { ...style.primaryLabel1, text: "3371982" },
},
3396625: {
...style.primary1,
label: { ...style.primaryLabel1, text: "3396625" },
},
5505813: {
...style.primary1,
label: { ...style.primaryLabel1, text: "5505813" },
},
5844903: {
...style.primary1,
label: { ...style.primaryLabel1, text: "5844903" },
},
7792837: {
...style.primary1,
label: { ...style.primaryLabel1, text: "7792837" },
},
8489720: {
...style.primary1,
label: { ...style.primaryLabel1, text: "8489720" },
},
22400894: {
...style.primary1,
label: { ...style.primaryLabel1, text: "22400894" },
},
"07434677419": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07434677419" },
},
"07610039694": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07610039694" },
},
"07588304495": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07588304495" },
},
"07641036117": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07641036117" },
},
"07981267897": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07981267897" },
},
"07784425582": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07784425582" },
},
"07743039441": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07743039441" },
},
"07163185791": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07163185791" },
},
"01850897526": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01850897526" },
},
"07066875066": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07066875066" },
},
"07691640598": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07691640598" },
},
"07187432175": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07187432175" },
},
"07230262224": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07230262224" },
},
"07110730864": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07110730864" },
},
"07209670163": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07209670163" },
},
"48772130600436761996023412922286": {
...style.primary1,
label: {
...style.primaryLabel1,
text: "48772130600436761996023412922286",
},
},
"07501874156": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07501874156" },
},
"07681546436": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07681546436" },
},
"07914559382": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07914559382" },
},
"07304637408": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07304637408" },
},
"07087748678": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07087748678" },
},
"07211022593": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07211022593" },
},
"01256721926": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01256721926" },
},
"07607124303": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07607124303" },
},
"07029691700": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07029691700" },
},
"07839321359": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07839321359" },
},
"07651268820": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07651268820" },
},
"01499302899": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01499302899" },
},
"07854607195": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07854607195" },
},
"07080329376": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07080329376" },
},
"07167454533": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07167454533" },
},
"07162108686": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07162108686" },
},
"07541486388": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07541486388" },
},
"07195393761": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07195393761" },
},
"01780890590": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01780890590" },
},
"07978424233": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07978424233" },
},
"07946912731": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07946912731" },
},
"07225912655": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07225912655" },
},
"07400578851": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07400578851" },
},
"01546219380": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01546219380" },
},
"07150470306": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07150470306" },
},
"07266516764": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07266516764" },
},
"07652081795": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07652081795" },
},
"07817341678": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07817341678" },
},
"07869748073": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07869748073" },
},
"07279151148": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07279151148" },
},
"07613917675": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07613917675" },
},
"07771486427": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07771486427" },
},
"07587572122": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07587572122" },
},
6061629169: {
...style.primary1,
label: { ...style.primaryLabel1, text: "6061629169" },
},
"07758045718": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07758045718" },
},
"07394508492": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07394508492" },
},
"01887771702": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01887771702" },
},
"07806391587": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07806391587" },
},
"07909763438": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07909763438" },
},
"07028004429": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07028004429" },
},
"07392737002": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07392737002" },
},
"07942503106": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07942503106" },
},
"07090017672": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07090017672" },
},
"07962175133": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07962175133" },
},
"07651896055": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07651896055" },
},
"01022354521": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01022354521" },
},
"07830667924": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07830667924" },
},
"07574455931": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07574455931" },
},
"01954651441": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01954651441" },
},
"07122915122": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07122915122" },
},
"01815280008": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01815280008" },
},
"07682111000": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07682111000" },
},
"07969251842": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07969251842" },
},
"07221387474": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07221387474" },
},
"07375968743": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07375968743" },
},
"044": {
...style.primary1,
label: { ...style.primaryLabel1, text: "044" },
},
"07151178213": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07151178213" },
},
"07197268544": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07197268544" },
},
"07014881393": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07014881393" },
},
"07246826358": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07246826358" },
},
"07548213987": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07548213987" },
},
14191086749599: {
...style.primary1,
label: { ...style.primaryLabel1, text: "14191086749599" },
},
14853692371599: {
...style.primary1,
label: { ...style.primaryLabel1, text: "14853692371599" },
},
"07896182404": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07896182404" },
},
"07118310788": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07118310788" },
},
"07944968233": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07944968233" },
},
"07720520621": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07720520621" },
},
"07775682498": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07775682498" },
},
"07023552017": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07023552017" },
},
"07340142898": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07340142898" },
},
"07634569803": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07634569803" },
},
"01575974486": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01575974486" },
},
"07153234302": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07153234302" },
},
"07633839447": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07633839447" },
},
"07341891255": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07341891255" },
},
"07926168565": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07926168565" },
},
"07873904393": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07873904393" },
},
"07976349200": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07976349200" },
},
"07476886744": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07476886744" },
},
"01527646556": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01527646556" },
},
"07318250386": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07318250386" },
},
"07806980885": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07806980885" },
},
"07514503190": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07514503190" },
},
"07456622368": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07456622368" },
},
"07245763413": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07245763413" },
},
"07676963558": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07676963558" },
},
"07613569456": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07613569456" },
},
"07776253730": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07776253730" },
},
"07102745960": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07102745960" },
},
"07389444649": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07389444649" },
},
"07126482937": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07126482937" },
},
"07966846548": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07966846548" },
},
"07833688765": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07833688765" },
},
"01739521988": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01739521988" },
},
"07585377112": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07585377112" },
},
"07294484859": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07294484859" },
},
"07850316631": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07850316631" },
},
"07520192003": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07520192003" },
},
"07877889057": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07877889057" },
},
"07073084322": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07073084322" },
},
"07492710736": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07492710736" },
},
"07070949771": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07070949771" },
},
"07252637450": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07252637450" },
},
"07979079238": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07979079238" },
},
"01770637968": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01770637968" },
},
"0126233087": {
...style.primary1,
label: { ...style.primaryLabel1, text: "0126233087" },
},
"01237303110": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01237303110" },
},
14338475884741: {
...style.primary1,
label: { ...style.primaryLabel1, text: "14338475884741" },
},
"07873361203": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07873361203" },
},
"07189233361": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07189233361" },
},
"07497354521": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07497354521" },
},
"07541477895": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07541477895" },
},
"07690700998": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07690700998" },
},
"07351039125": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07351039125" },
},
"07529309344": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07529309344" },
},
"07216812571": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07216812571" },
},
"07640835719": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07640835719" },
},
"07669378453": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07669378453" },
},
"07893254571": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07893254571" },
},
"07156849982": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07156849982" },
},
"07302262917": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07302262917" },
},
"07242327599": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07242327599" },
},
"07253222572": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07253222572" },
},
"01504084403": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01504084403" },
},
"07032536344": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07032536344" },
},
"07513445617": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07513445617" },
},
"07285735981": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07285735981" },
},
"07331532487": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07331532487" },
},
"07245737499": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07245737499" },
},
"0796605786": {
...style.primary1,
label: { ...style.primaryLabel1, text: "0796605786" },
},
"006765427412506117": {
...style.primary1,
label: { ...style.primaryLabel1, text: "006765427412506117" },
},
"07818635264": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07818635264" },
},
"01810539008": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01810539008" },
},
"01025610023": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01025610023" },
},
"01142758091": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01142758091" },
},
"07143772601": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07143772601" },
},
"01531394363": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01531394363" },
},
"07290831740": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07290831740" },
},
"01851645752": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01851645752" },
},
"07454240930": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07454240930" },
},
"07973185812": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07973185812" },
},
"07803819471": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07803819471" },
},
"07442541160": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07442541160" },
},
"01509033184": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01509033184" },
},
"01705278277": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01705278277" },
},
"07991647694": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07991647694" },
},
"07312279168": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07312279168" },
},
"07365212672": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07365212672" },
},
"01016394976": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01016394976" },
},
"01701659249": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01701659249" },
},
"07242035483": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07242035483" },
},
"07014147742": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07014147742" },
},
"01931715255": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01931715255" },
},
"01073470735": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01073470735" },
},
14596616114769: {
...style.primary1,
label: { ...style.primaryLabel1, text: "14596616114769" },
},
"01944462488": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01944462488" },
},
"07408255044": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07408255044" },
},
"07500820776": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07500820776" },
},
"07270912768": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07270912768" },
},
"07605786472": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07605786472" },
},
"07357424599": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07357424599" },
},
"07024591762": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07024591762" },
},
"07599499513": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07599499513" },
},
"07812016647": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07812016647" },
},
"07564645771": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07564645771" },
},
"07289049655": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07289049655" },
},
"07559466613": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07559466613" },
},
"07523597853": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07523597853" },
},
"07386471738": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07386471738" },
},
"07062708501": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07062708501" },
},
"07869451817": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07869451817" },
},
"07714694105": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07714694105" },
},
"07891512008": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07891512008" },
},
"07950362646": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07950362646" },
},
"07394530094": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07394530094" },
},
"07693953679": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07693953679" },
},
"07008955236": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07008955236" },
},
"01097599188": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01097599188" },
},
"07641356331": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07641356331" },
},
"01425062632": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01425062632" },
},
"07793534542": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07793534542" },
},
"07312739461": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07312739461" },
},
"07940428557": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07940428557" },
},
"07723464572": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07723464572" },
},
"07489737303": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07489737303" },
},
"07925262636": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07925262636" },
},
"07254867631": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07254867631" },
},
"07272930463": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07272930463" },
},
"07919181496": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07919181496" },
},
"07068842120": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07068842120" },
},
"07710693107": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07710693107" },
},
"07257577062": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07257577062" },
},
"07658212768": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07658212768" },
},
"07619542082": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07619542082" },
},
"07316694984": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07316694984" },
},
"07804663785": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07804663785" },
},
"07277976481": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07277976481" },
},
"07871779843": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07871779843" },
},
"07866977058": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07866977058" },
},
"07803266873": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07803266873" },
},
"07277062902": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07277062902" },
},
"07371326239": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07371326239" },
},
"01467872253": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01467872253" },
},
"07294397927": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07294397927" },
},
"07608493669": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07608493669" },
},
"07388676614": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07388676614" },
},
"07219105911": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07219105911" },
},
"07030181762": {
...style.primary1,
label: { ...style.primaryLabel1, text: "07030181762" },
},
"01724705745": {
...style.primary1,
label: { ...style.primaryLabel1, text: "01724705745" },
// ...truncated 20025 lines<!doctype html>
<html>
<body>
<div id="regraph" style="height: 100vh"></div>
<script type="module" src="./code.jsx"></script>
</body>
</html>