How to create custom symbols to use with d3.symbol().
As far as I understood, commands are theese.
Readapted from this fiddle.
<?xml version="1.0" encoding="UTF-8"?> | |
<gexf version="1.2" xmlns="http://www.gexf.net/1.2draft" xmlns:viz="http:///www.gexf.net/1.1draft/viz"> | |
<meta> | |
<title>MUSA test.gexf</title> | |
<authors>GraphMaker</authors> | |
<description>Jacomy Mathieu, Sciences Po Medialab and WebAtlas</description> | |
</meta> | |
<graph defaultedgetype="undirected"> | |
<attributes class="node"> | |
<attribute id="attr_type" title="attr_type" type="string"/> |
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("d3"),require("@rawgraphs/rawgraphs-core")):"function"==typeof define&&define.amd?define(["exports","d3","@rawgraphs/rawgraphs-core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).myAwsesomeCharts={},e.d3,e.rawgraphsCore)}(this,(function(e,t,a){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=c(t);const i={name:"Treemap (images)",id:"rawgraphs.treemapImages",thumbnail:"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='320' height='160' viewBox='0 0 320 160'%3e %3cdefs%3e %3cstyle%3e .cls-1 %7b fill: none%3b %7d .cls-2 %7b fill: white%3b %7d .cls-3 %7b fill: %23a0d9a3% |
home-algocount |
.DS_Store | |
data.csv | |
data.tsv |
ADI targa giovani
.DS_Store |
<html> | |
<head> | |
<title>Metaball</title> | |
<style> | |
.circles text { | |
font-size: 9px; | |
font-family: sans-serif; | |
} | |
</style> | |
</head> |
<html> | |
<header> | |
<title>Metaball in SVG</title> | |
<style> | |
html, body { | |
margin: 0; | |
font-family: sans-serif; | |
} | |
</style> | |
</header> |
.vscode |