Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Page Title</title>
<style>
circle {
fill: steelblue;
stroke: #fff;
stroke-width: 3px;
}
path {
fill: none;
stroke: #000;
stroke-width: 1px;
}
</style>
</head>
<body>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
var svg = d3.select("body").append("svg")
.attr("width", 1000)
.attr("height", 500)
.attr("viewBox", "0 0 500 250");
var path = svg.append("path")
.attr("d", "M149.92218017578125,42.00978469848633L153.25413375046742,38.28177110192635M153.25413375046742,38.28177110192635C150.95884633736853,37.33805580481284,148.66355892426967,36.394340507699326,145.50305938182677,36.43798816531913C142.34255983938388,36.48163582293894,138.31684816759693,37.512646435292076,135.42467507858947,38.980774481857C132.53250198958202,40.44890252842192,130.77386748335402,42.35414800919864,128.94362028851452,44.276058297972696C127.11337309367504,46.197968586746754,125.21151321022401,48.136543683518106,123.47501539596958,50.06291783524277C121.73851758171514,51.98929198696744,120.16738183665728,53.90346519364541,118.45965317458368,56.04288694453812C116.75192451251007,58.18230869543083,114.90760293342075,60.54697899053831,113.06328135433144,62.91164928564578L115.40568542480469,67.32901763916016L120.27985829558844,68.44366503888602" );
</script>
</body>