{"id":20650963,"url":"https://github.com/niklr/hopr-network-graph","last_synced_at":"2026-04-18T10:08:39.631Z","repository":{"id":51049708,"uuid":"364511348","full_name":"niklr/hopr-network-graph","owner":"niklr","description":"A visualization approach to gain a bird view on the HOPR token transfers on Ethereum mainnet and xDai chain.","archived":false,"fork":false,"pushed_at":"2021-09-26T15:31:51.000Z","size":34012,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-17T10:25:04.217Z","etag":null,"topics":["ethereum","hopr","network-graph","typescript","xdai-chain"],"latest_commit_sha":null,"homepage":"https://niklr.github.io/hopr-network-graph","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/niklr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-05T08:34:58.000Z","updated_at":"2023-01-16T18:33:35.000Z","dependencies_parsed_at":"2022-09-04T04:00:49.433Z","dependency_job_id":null,"html_url":"https://github.com/niklr/hopr-network-graph","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niklr%2Fhopr-network-graph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niklr%2Fhopr-network-graph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niklr%2Fhopr-network-graph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niklr%2Fhopr-network-graph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/niklr","download_url":"https://codeload.github.com/niklr/hopr-network-graph/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242750783,"owners_count":20179256,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ethereum","hopr","network-graph","typescript","xdai-chain"],"created_at":"2024-11-16T17:24:42.846Z","updated_at":"2026-04-18T10:08:34.592Z","avatar_url":"https://github.com/niklr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# hopr-network-graph\n\nA visualization approach to gain a bird view on the HOPR token transfers on Ethereum mainnet and xDai chain.\n\nDemo: https://niklr.github.io/hopr-network-graph/ (data collected on 25/05/2021)\n\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/niklr/hopr-network-graph/main/images/hopr_network_graph_v0_0_3.gif\" alt=\"HOPR network graph xDai chain\"\u003e\n\u003c/h1\u003e\n\n#### Table of Content\n1. [Configure](#configure)\n2. [Install](#install)\n3. [Extract data](#extract)\n4. [Build](#build)\n\n## Configure \u003ca name=\"configure\"\u003e\u003c/a\u003e\n\nLocation: `\\src\\assets\\config.json`\n\n```js\n{\n  // The minimum weight of a node required to be rendered. (0-100)\n  // A node represents a smart contract address and weight is simply the amount of transfers. (capped at 100)\n  \"minWeight\": 20\n  // The pre-selected chain when running the application.\n  // 0 = Test (for development only)\n  // 1 = Ethereum mainnet\n  // 2 = xDai chain\n  \"selectedChainType\": 1,\n  // The pre-selected library used to render the graph.\n  // 0 = D3\n  // 1 = Cytoscape\n  \"selectedGraphLibraryType\": 0,\n  // Contains the configuration for each chain.\n  \"chains\": [\n    {\n      // The chain type. (1 = Ethereum mainnet, 2 = xDai chain)\n      \"type\": 1,\n      // The URL used to establish a connection with the chain. \n      // (e.g. Alchemy, Infura, localhost, etc.)\n      \"rpcProviderUrl\": \"https://eth-mainnet.alchemyapi.io/v2/...\"\n    }\n  ]\n}\n```\n\n## Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\nIn order to run HORP network graph, ensure that you have [Git](https://git-scm.com/downloads) (v2.28.0+) and [Node.js](https://nodejs.org/) (v14.16.1+) installed.\n\nClone the repo:\n\n```bash\ngit clone https://github.com/niklr/hopr-network-graph.git\n```\n\nChange to the hopr-network-graph directory:\n\n```bash\ncd hopr-network-graph\n```\n\nInstall dependencies:\n\n```bash\nnpm install\n```\n\n## Extract data \u003ca name=\"extract\"\u003e\u003c/a\u003e\n\nExtract `\\src\\assets\\data\\events.zip` if you don't need the latest data otherwise\nrun the following command to extract all events from Ethereum mainnet and xDai chain.\nThis process takes serveral minutes to complete.\nFinally the output will be stored in the `\\src\\assets\\data` folder which is excluded in the .gitignore file.\n\nIMPORTANT: Don't forget to set `rpcProviderUrl` for Ethereum mainnet in the `config.json` file. (e.g. https://eth-mainnet.alchemyapi.io/v2/...)\n\n```bash\nnpx ts-node -P tsconfig.commonjs.json ./extract.ts\n```\n[npx](https://docs.npmjs.com/cli/v7/commands/npx) runs a command from a local or remote npm package.\n[ts-node](https://github.com/TypeStrong/ts-node) compiles the code on the fly and runs it through node.\n\n## Build \u003ca name=\"build\"\u003e\u003c/a\u003e\n\nUse one of the following commands to build:\n\n```\nnpm run build            # Builds the project and stores artifacts in the `dist/` directory. \n                         # Use the `--prod` flag for a production build.\nnpm run start            # Starts a development server. Navigate to `http://localhost:4200/`. \n                         # The app will automatically reload if you change any of the source files.\nnpm run test             # Executes the unit tests via [Karma](https://karma-runner.github.io).\nnpm run e2e              # Executes the end-to-end tests via [Protractor](http://www.protractortest.org/).\n```\n\n## Further help\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.11.\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n\n### Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n#### Ethereum mainnet using d3\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/niklr/hopr-network-graph/main/images/hopr_network_graph_eth_d3.png\" alt=\"HOPR network graph Ethereum mainnet using d3\"\u003e\n\u003c/h1\u003e\n\n#### Ethereum mainnet using cytoscape\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/niklr/hopr-network-graph/main/images/hopr_network_graph_eth_cytoscape.png\" alt=\"HOPR network graph Ethereum mainnet using cytoscape\"\u003e\n\u003c/h1\u003e\n\n#### xDai chain using d3\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/niklr/hopr-network-graph/main/images/hopr_network_grap_xdai_d3.png\" alt=\"HOPR network graph xDai chain using d3\"\u003e\n\u003c/h1\u003e\n\n#### xDai chain using cytoscape\n\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/niklr/hopr-network-graph/main/images/hopr_network_graph_xdai_cytoscape.png\" alt=\"HOPR network graph xDai chain using cytoscape\"\u003e\n\u003c/h1\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniklr%2Fhopr-network-graph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fniklr%2Fhopr-network-graph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniklr%2Fhopr-network-graph/lists"}