Node-link diagram in layercake • Playground • Svelte

App.svelte

data.json

NodeLink.svelte

// Node-link diagram in layercake.graphics

// as seen on:

// https://jandot.github.io/posts/nodelink-in-layercake/

// https://vis.social/@jandot

import { LayerCake, Svg } from 'layercake';

import NodeLink from './NodeLink.svelte';

import data from './data.json';

</script>

<style>

.chart-container {

width: 400px;

height: 200px;

}

</style>

<LayerCake

data={data}

<Svg>

</Svg>

</LayerCake>

</div>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */