kCores

Use the slider to filter out nodes with lower kCore scores.

The kCore score of a node is the number of links it has if all nodes with fewer links are removed from the graph. The kCores method also returns the graph’s maximum kCore value.

You must import the kCores method from the ReGraph analysis module.

import React, { useEffect, useState } from "react";
import { createRoot } from "react-dom/client";

import has from "lodash/has";
import isEmpty from "lodash/isEmpty";
import pickBy from "lodash/pickBy";
import { Chart } from "regraph";
import { kCores } from "regraph/analysis";

import data from "./data";

import "@ci/theme/rg/css/layout.css";

function isNode(item) {
  return !has(item, "id1");
}

export const Demo = () => <KCores items={data()} />;

function KCores(props) {
  const { items } = props;
  const [state, setState] = useState({
    layout: { name: "organic" },
    threshold: 0,
    filteredItems: {},
    positions: {},
  });

  const kCoreResult = React.useRef({ maximumK: 0, values: {} });

  useEffect(() => {
    const analyseItems = async () => {
      const { threshold } = state;
      kCoreResult.current = await kCores(items);
      filterItems(threshold);
    };
    analyseItems();
  }, []);

  const filterItems = (threshold) => {
    const { values } = kCoreResult.current;
    const isWithinThreshold = (id) =>
      has(values, id) && values[id] >= threshold;
    // filter for nodes meeting the kCoreValue criterion plus all links
    const filteredItems = pickBy(
      items,
      (item, id) => !isNode(item) || isWithinThreshold(id),
    );
    setState((current) => {
      return {
        ...current,
        threshold,
        filteredItems,
      };
    });
  };

  const changeHandler = (change) => {
    // save the positions
    if (!isEmpty(change.positions)) {
      setState((current) => {
        return {
          ...current,
          positions: { ...current.positions, ...change.positions },
        };
      });
    }
  };

  return (
    <div className="story">
      <div className="options">
        <span style={{ padding: "20px" }}>
          Select minimum kCore value:&nbsp;
          {state.threshold}
        </span>
        <input
          type="range"
          min="0"
          max={kCoreResult.current.maximumK}
          value={state.threshold}
          onChange={({ target }) => filterItems(target.value)}
          step="1"
        />
      </div>
      <div className="chart-wrapper">
        <Chart
          options={{
            links: { avoidLabels: false },
          }}
          items={state.filteredItems}
          positions={state.positions}
          layout={state.layout}
          animation={{ time: 700 }}
          onChange={changeHandler}
        />
      </div>
    </div>
  );
}

const root = createRoot(document.getElementById("regraph"));
root.render(<Demo />);

Data

import { style } from "@ci/theme/rg/js/storyStyles";
const Afghanistan = "/public/img/flags/afghanistan.svg";
const Algeria = "/public/img/flags/algeria.svg";
const Australia = "/public/img/flags/australia.svg";
const Belgium = "/public/img/flags/belgium.svg";
const Bosnia = "/public/img/flags/bosnia-and-herzegovina.svg";
const Britain = "/public/img/flags/united-kingdom.svg";
const Canada = "/public/img/flags/canada.svg";
const France = "/public/img/flags/france.svg";
const Germany = "/public/img/flags/germany.svg";
const Indonesia = "/public/img/flags/indonesia.svg";
const Italy = "/public/img/flags/italy.svg";
const Jordan = "/public/img/flags/jordan.svg";
const Kuwait = "/public/img/flags/kuwait.svg";
const Malaysia = "/public/img/flags/malaysia.svg";
const Morocco = "/public/img/flags/morocco.svg";
const Pakistan = "/public/img/flags/pakistan.svg";
const SaudiArabia = "/public/img/flags/saudi-arabia.svg";
const Singapore = "/public/img/flags/singapore.svg";
const Spain = "/public/img/flags/spain.svg";
const Sudan = "/public/img/flags/sudan.svg";
const Tanzania = "/public/img/flags/tanzania.svg";
const Turkey = "/public/img/flags/turkey.svg";
const USA = "/public/img/flags/united-states-of-america.svg";
const Yemen = "/public/img/flags/yemen.svg";

function data() {
  return {
    N1: {
      label: { text: "Hassan al Fadli" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N2: {
      label: { text: "Nabil ibn al-Salim" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N3: {
      label: { text: "Mustafa al-Bakr" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N4: {
      label: { text: "Ibrahim Abd Bakr" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N5: {
      label: { text: "Amir Abdal Faruq" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N6: {
      label: { text: "Omar Abu Omari" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N7: {
      label: { text: "Sami al Omari" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N8: {
      label: { text: "Yusuf al-Fadli" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N9: {
      label: { ...style.primaryLabel1, text: "Tariq ibn Bakr" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N10: {
      label: { text: "Yusuf Abd Fadli" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N11: {
      label: { text: "Ahmed al Rahman" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N12: {
      label: { text: "Zaid Abdal Faruq" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N13: {
      label: { text: "Yusuf ibn Anwar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N14: {
      label: { text: "Mustafa Abu Fadli" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N15: {
      label: { text: "Nabil Abd Najjar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N16: {
      label: { text: "Faisal ibn al-Qureshi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N17: {
      label: { text: "Faisal al Salim" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N18: {
      label: { text: "Tariq Abdal Zaman" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N19: {
      label: { text: "Karim al Najjar" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N20: {
      label: { text: "Zaid ibn Faruq" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N21: {
      label: { text: "Ahmed ibn al-Faruq" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N22: {
      label: { text: "Saad al-Omari" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N23: {
      label: { text: "Sami ibn Shafi" },
      data: { country: "Jordan" },
      color: "rgba(0, 0, 0, 0)",
      image: Jordan,
    },
    N24: {
      label: { text: "Zaid al Hassan" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N25: {
      label: { text: "Ali al-Zaman" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N26: {
      label: { text: "Faisal Abdal Ghamdi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N27: {
      label: { text: "Tariq al Bakr" },
      data: { country: "Sudan" },
      color: "rgba(0, 0, 0, 0)",
      image: Sudan,
    },
    N28: {
      label: { text: "Saad ibn Omari" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N29: {
      label: { text: "Bilal al Najjar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N30: {
      label: { text: "Omar al-Omari" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N31: {
      label: { text: "Faisal ibn Tahir" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N32: {
      label: { text: "Ali ibn Harbi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N33: {
      label: { text: "Yusuf Abdal Mahdi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N34: {
      label: { text: "Mustafa Abu Najjar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N35: {
      label: { text: "Ibrahim al-Rahman" },
      data: { country: "Yemen" },
      color: "rgba(0, 0, 0, 0)",
      image: Yemen,
    },
    N36: {
      label: { text: "Yusuf Abd Hassan" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N37: {
      label: { text: "Hassan Abd Shehri" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N38: {
      label: { text: "Bilal Abd Salim" },
      data: { country: "USA" },
      color: "rgba(0, 0, 0, 0)",
      image: USA,
    },
    N39: {
      label: { text: "Omar ibn al-Salim" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N40: {
      label: { text: "Faisal Abdal Qureshi" },
      data: { country: "USA" },
      color: "rgba(0, 0, 0, 0)",
      image: USA,
    },
    N41: {
      label: { text: "Amir al Tahir" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N42: {
      label: { text: "Mohammed al Qureshi" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N43: {
      label: { text: "Abdul Abdal Mahdi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N44: {
      label: { text: "Zaid ibn al-Qureshi" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N45: {
      label: { text: "Abdul Abdal Harbi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N46: {
      label: { text: "Nabil Abdal Tahir" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N47: {
      label: { text: "Mustafa ibn al-Karim" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N48: {
      label: { text: "Zaid Abd Hussein" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N49: {
      label: { text: "Houssaine Kherchtou" },
      data: { country: "Italy" },
      color: "rgba(0, 0, 0, 0)",
      image: Italy,
    },
    N50: {
      label: { text: "Abdul Abd Fawaz" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N51: {
      label: { text: "Omar al Faruq" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N52: {
      label: { text: "Abdul Abd Fadli" },
      data: { country: "Tanzania" },
      color: "rgba(0, 0, 0, 0)",
      image: Tanzania,
    },
    N53: {
      label: { text: "Saad Abd Shafi" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N54: {
      label: { text: "Faisal bin Faruq" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N55: {
      label: { text: "Khalid ibn Hassan" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N56: {
      label: { text: "Amir ibn Mahdi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N57: {
      label: { text: "Amir ibn al-Harbi" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N58: {
      label: { text: "Yusuf Abdal Rahman" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N59: {
      label: { text: "Zaid Abd Bakr" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N60: {
      label: { text: "Ali al Karim" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N61: {
      label: { text: "Nabil bin Mahdi" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N62: {
      label: { text: "Amir Abdal Bakr" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N63: {
      label: { text: "Zaid al Harbi" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N64: {
      label: { text: "Zaid ibn Hassan" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N65: {
      label: { text: "Amir al-Hassan" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N66: {
      label: { text: "Khalid al Salim" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N67: {
      label: { text: "Hassan Abdal Hassan" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N68: {
      label: { text: "Jamal Abu Shehri" },
      data: { country: "USA" },
      color: "rgba(0, 0, 0, 0)",
      image: USA,
    },
    N69: {
      label: { text: "Nabil ibn al-Fadli" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N70: {
      label: { ...style.primaryLabel1, text: "Karim ibn al-Shehri" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N71: {
      label: { text: "Yusuf al-Karim" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N72: {
      label: { text: "Mustafa bin Faruq" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N73: {
      label: { text: "Ali Abd Shafi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N74: {
      label: { text: "Mohammed bin Anwar" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N75: {
      label: { text: "Khalid al-Hussein" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N76: {
      label: { text: "Amir Abd Omari" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N77: {
      label: { text: "Amir Abu Ghamdi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N78: {
      label: { text: "Yusuf al Shafi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N79: {
      label: { text: "Abdul Abdal Shehri" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N80: {
      label: { text: "Yusuf Abd Qureshi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N81: {
      label: { text: "Mohammed Abu Fadli" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N82: {
      label: { text: "Bilal al Rahman" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N83: {
      label: { text: "Karim al-Fadli" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N84: {
      label: { text: "Ali Abdal Omari" },
      data: { country: "Morocco" },
      color: "rgba(0, 0, 0, 0)",
      image: Morocco,
    },
    N85: {
      label: { text: "Nabil al Omari" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N86: {
      label: { text: "Saad Abdal Omari" },
      data: { country: "USA" },
      color: "rgba(0, 0, 0, 0)",
      image: USA,
    },
    N87: {
      label: { text: "Bilal al Anwar" },
      data: { country: "Canada" },
      color: "rgba(0, 0, 0, 0)",
      image: Canada,
    },
    N88: {
      label: { text: "Khalid ibn al-Najjar" },
      data: { country: "Yemen" },
      color: "rgba(0, 0, 0, 0)",
      image: Yemen,
    },
    N89: {
      label: { text: "Khalid ibn Tahir" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N90: {
      label: { text: "Yusuf Abu Fadli" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N91: {
      label: { text: "Saad al Fadli" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N92: {
      label: { ...style.primaryLabel1, text: "Mohammed Abd Anwar" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N93: {
      label: { ...style.primaryLabel1, text: "Bilal al-Zaman" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N94: {
      label: { text: "Ali Abd Mahdi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N95: {
      label: { text: "Faisal Abdal Omari" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N96: {
      label: { text: "Zaid Abu Shafi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N97: {
      label: { text: "Mohammed Abu Hassan" },
      data: { country: "Canada" },
      color: "rgba(0, 0, 0, 0)",
      image: Canada,
    },
    N98: {
      label: { text: "Saad Abdal Fadli" },
      data: { country: "Canada" },
      color: "rgba(0, 0, 0, 0)",
      image: Canada,
    },
    N99: {
      label: { text: "Ali Abdal Hassan" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N100: {
      label: { text: "Saad ibn al-Karim" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N101: {
      label: { text: "Saad bin Omari" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N102: {
      label: { text: "Ali bin Harbi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N103: {
      label: { text: "Mohammed bin Ghamdi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N104: {
      label: { text: "James Wright" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N105: {
      label: { text: "Nabil Abd Qureshi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N106: {
      label: { ...style.primaryLabel1, text: "Mustafa al Anwar" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N107: {
      label: { text: "Bilal ibn al-Zaman" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N108: {
      label: { text: "Abdul Abu Najjar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N109: {
      label: { text: "Hassan Abdal Najjar" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N110: {
      label: { text: "Ibrahim Abd Qureshi" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N111: {
      label: { text: "Hassan Abd Fawaz" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N112: {
      label: { text: "Khalid Abdal Shehri" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N113: {
      label: { text: "Omar ibn al-Faruq" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N114: {
      label: { text: "Samuel Taylor" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N115: {
      label: { text: "Khalid Abu Ghamdi" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N116: {
      label: { text: "Jamal al Hussein" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N117: {
      label: { text: "Mohammed al Shehri" },
      data: { country: "Britain" },
      color: "rgba(0, 0, 0, 0)",
      image: Britain,
    },
    N118: {
      label: { text: "Saad Abd Shehri" },
      data: { country: "Yemen" },
      color: "rgba(0, 0, 0, 0)",
      image: Yemen,
    },
    N119: {
      label: { text: "Omar Abu Anwar" },
      data: { country: "Yemen" },
      color: "rgba(0, 0, 0, 0)",
      image: Yemen,
    },
    N120: {
      label: { text: "Jamal Abd Rahman" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N121: {
      label: { text: "Jamal ibn Hussein" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N122: {
      label: { text: "Hassan al Hussein" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N123: {
      label: { text: "Mustafa Abdal Harbi" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N124: {
      label: { text: "Ahmed Abdal Salim" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N125: {
      label: { text: "Abdul Abu Anwar" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N126: {
      label: { text: "Tariq Abdal Hussein" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N127: {
      label: { text: "Faisal bin Mahdi" },
      data: { country: "Kuwait" },
      color: "rgba(0, 0, 0, 0)",
      image: Kuwait,
    },
    N128: {
      label: { text: "Omar al Anwar" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N129: {
      label: { text: "Mustafa Abd Harbi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N130: {
      label: { text: "Nabil Abd Ghamdi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N131: {
      label: { text: "Saad Abd Faruq" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N132: {
      label: { ...style.primaryLabel1, text: "Ahmed Abu Tahir" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N133: {
      label: { text: "Mustafa Abdal Bakr" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N134: {
      label: { text: "Bilal al-Mahdi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N135: {
      label: { text: "Mustafa Abu Shehri" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N136: {
      label: { text: "Ali ibn Karim" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N137: {
      label: { text: "Amir Abu Shafi" },
      data: { country: "Saudi Arabia" },
      color: "rgba(0, 0, 0, 0)",
      image: SaudiArabia,
    },
    N138: {
      label: { text: "Ahmed bin Zaman" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N139: {
      label: { text: "Hassan Abu Ghamdi" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N140: {
      label: { text: "Yusuf Abu Bakr" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N141: {
      label: { text: "Tariq ibn al-Anwar" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N142: {
      label: { text: "Ali al Shehri" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N143: {
      label: { text: "Tariq al-Tahir" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N144: {
      label: { text: "Saad al-Shehri" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N145: {
      label: { text: "Yusuf Abd Karim" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N146: {
      label: { text: "Nabil Abu Fawaz" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N147: {
      label: { text: "Yusuf Abdal Zaman" },
      data: { country: "Pakistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Pakistan,
    },
    N148: {
      label: { text: "Faisal ibn al-Zaman" },
      data: { country: "Turkey" },
      color: "rgba(0, 0, 0, 0)",
      image: Turkey,
    },
    N149: {
      label: { text: "Ali Abd Qureshi" },
      data: { country: "Germany" },
      color: "rgba(0, 0, 0, 0)",
      image: Germany,
    },
    N150: {
      label: { ...style.primaryLabel1, text: "Ahmed Abd Fawaz" },
      data: { country: "Unknown" },
      ...style.primary1,
    },
    N151: {
      label: { text: "Bilal ibn al-Fawaz" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N152: {
      label: { text: "Nabil bin Hassan" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N153: {
      label: { text: "Ibrahim Abu Rahman" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N154: {
      label: { text: "Saad bin Shafi" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N155: {
      label: { text: "Amir ibn al-Shehri" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N156: {
      label: { text: "Bilal bin Tahir" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N157: {
      label: { text: "Amir Abdal Karim" },
      data: { country: "Afghanistan" },
      color: "rgba(0, 0, 0, 0)",
      image: Afghanistan,
    },
    N158: {
      label: { text: "Yusuf Abdal Qureshi" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N159: {
      label: { text: "Hassan Abdal Karim" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N160: {
      label: { text: "Hassan ibn al-Fadli" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N161: {
      label: { text: "Zaid al-Faruq" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N162: {
      label: { text: "Ali Abu Omari" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N163: {
      label: { text: "Omar Abd Harbi" },
      data: { country: "Malaysia" },
      color: "rgba(0, 0, 0, 0)",
      image: Malaysia,
    },
    N164: {

// ...truncated 6343 lines

HTML

<!doctype html>
<html>
  <body>
    <div id="regraph" style="height: 100vh"></div>
    <script type="module" src="./code.jsx"></script>
  </body>
</html>

Search

See also

Terms of use