Skip to content

Commit 66b2f1a

Browse files
afshinmafshinm
committed
adding testing version of SVG support - NOT READY FOR PRODUCTION YET
1 parent 1016696 commit 66b2f1a

File tree

3 files changed

+148
-38
lines changed

3 files changed

+148
-38
lines changed

‎example/svg/d3.htm

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<!-- saved from url=(0106)http://bl.ocks.org/mbostock/raw/22994cc97fefaeede0d861e6815a847e/7796e0942d11162d512503cec3351f689125eb7f/ -->
3+
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4+
<style>
5+
6+
.active {
7+
stroke: #000;
8+
stroke-width: 2px;
9+
}
10+
11+
</style>
12+
13+
14+
15+
<!-- styles -->
16+
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
17+
<link href="../assets/css/demo.css" rel="stylesheet">
18+
19+
<!-- Add IntroJs styles -->
20+
<link href="../../introjs.css" rel="stylesheet">
21+
22+
<link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
23+
24+
25+
</head>
26+
27+
<body>
28+
<h1 data-intro="Headline">SVG Example</h1>
29+
<svg width="960" height="500">
30+
<circle data-intro="hello" cx="429" cy="260" r="32" style="fill: rgb(31, 119, 180); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
31+
<circle data-intro="second step intro" cx="171" cy="112" r="32" style="fill: rgb(174, 199, 232); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
32+
<circle cx="414" cy="51" r="32" style="fill: rgb(255, 127, 14); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="177" cy="464" r="32" style="fill: rgb(255, 187, 120); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="680" cy="378" r="32" style="fill: rgb(44, 160, 44); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="477" cy="68" r="32" style="fill: rgb(152, 223, 138); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="867" cy="395" r="32" style="fill: rgb(214, 39, 40); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="572" cy="327" r="32" style="fill: rgb(255, 152, 150); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="87" cy="427" r="32" style="fill: rgb(148, 103, 189); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="41" cy="273" r="32" style="fill: rgb(197, 176, 213); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="382" cy="443" r="32" style="fill: rgb(140, 86, 75); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="135" cy="57" r="32" style="fill: rgb(196, 156, 148); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="821" cy="144" r="32" style="fill: rgb(227, 119, 194); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="539" cy="272" r="32" style="fill: rgb(247, 182, 210); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="886" cy="93" r="32" style="fill: rgb(127, 127, 127); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="74" cy="181" r="32" style="fill: rgb(199, 199, 199); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="526" cy="299" r="32" style="fill: rgb(188, 189, 34); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="434" cy="57" r="32" style="fill: rgb(219, 219, 141); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="722" cy="394" r="32" style="fill: rgb(23, 190, 207); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="809" cy="139" r="32" style="fill: rgb(158, 218, 229); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
33+
</svg>
34+
35+
36+
<script src="./d3_files/d3.v4.min.js"></script>
37+
38+
<script type="text/javascript" src="../../intro.js"></script>
39+
</body></html>

0 commit comments

Comments
 (0)