Skip to content

hamirmahal/d3-graph-example

Repository files navigation

Force-directed graph

https://observablehq.com/@d3/force-directed-graph/2@202

View this notebook in your browser by running a web server in this folder. For example:

npx http-server

Or, use the Observable Runtime to import this module directly into your application. To npm install:

npm install @observablehq/runtime@5
npm install https://api.observablehq.com/@d3/force-directed-graph/2@202.tgz?v=3

Then, import your notebook and the runtime as:

import { Runtime, Inspector } from '@observablehq/runtime';
import define from '@d3/force-directed-graph/2';

To log the value of the cell named “foo”:

const runtime = new Runtime();
const main = runtime.module(define);
main.value('foo').then((value) => console.log(value));