This repository has been archived by the owner on Jun 8, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (118 loc) · 6.76 KB
/
index.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html data-debug='false' lang='en' prefix='og: http://ogp.me/ns#'>
<head>
<title>GiottoJs</title>
<meta charset='utf-8'>
<meta content='IE=edge' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<meta content='#ffffff' name='msapplication-TileColor'>
<meta content='/icons/ms-icon-144x144.png' name='msapplication-TileImage'>
<meta content='#ffffff' name='theme-color'>
<meta content='GiottoJS is a javascript visualization library built on top of d3js. It is designed to visualize both SVG and Canvas elements with a simple API. AngularJS integration' name='description'>
<meta content='eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJMT0NBTEUiOiJlbl9HQiIsInBhZ2UiOnsiZ3JvdXAiOiJzaXRlIiwic2x1ZyI6ImluZGV4IiwiYm9keV90ZW1wbGF0ZSI6ImhvbWUuaHRtbCIsImJvZHlfbGVuZ3RoIjoyODQsInBhdGgiOiIiLCJhcGlfdXJsIjoiaHR0cHM6Ly9naW90dG9qcy5vcmcvYXBpL2NvbnRlbnRzL3NpdGUvaW5kZXgiLCJpbm5lcl90ZW1wbGF0ZSI6InBhcnRpYWxzL2Jhc2UuaHRtbCJ9LCJkZWJ1ZyI6ZmFsc2UsIk1JTklGSUVEX01FRElBIjp0cnVlLCJDT1BZUklHSFQiOiJMdXgiLCJBUFBfTkFNRSI6Ikdpb3R0b0pzIiwiREFURVRJTUVfRk9STUFUIjoiZCBNTU0geSwgaDptbTpzcyBhIiwiQVBJX1VSTCI6Ii9hcGkiLCJNRURJQV9VUkwiOiIvbWVkaWEvIiwiREFURV9GT1JNQVQiOiJkIE1NTSB5IiwibHV4X3ZlcnNpb24iOiIwLjguMi5kZXYyMDE2MTIwMjEyMDIwMCJ9.MMlet0h4RXOb0b1XyTsvLs3XUg9ox3BPo6Rfq3PGJ7g' name='html-context'>
<meta content='website' property='og:type'>
<meta content='https://giottojs.org/' property='og:url'>
<meta content='GiottoJs' property='og:title'>
<meta content='GiottoJS is a javascript visualization library built on top of d3js. It is designed to visualize both SVG and Canvas elements with a simple API. AngularJS integration' property='og:description'>
<meta content='en_GB' property='og:locale'>
<meta content='GiottoJs' property='og:site_name'>
<meta content='https://giottojs.org/giotto-banner.png' property='og:image'>
<meta content='summary' name='twitter:card'>
<meta content='@giottojs_org' name='twitter:site'>
<meta content='GiottoJs' name='twitter:title'>
<meta content='GiottoJS is a javascript visualization library built on top of d3js. It is designed to visualize both SVG and Canvas elements with a simple API. AngularJS integration' name='twitter:description'>
<meta content='https://giottojs.org/giotto-banner.png' name='twitter:image'>
<link href='https://giottojs.org/' rel='canonical'>
<link href='/giottojs-default.css' rel='stylesheet' type='text/css'>
<link href='/icons/apple-icon-57x57.png' rel='apple-touch-icon' sizes='57x57'>
<link href='/icons/apple-icon-60x60.png' rel='apple-touch-icon' sizes='60x60'>
<link href='/icons/apple-icon-72x72.png' rel='apple-touch-icon' sizes='72x72'>
<link href='/icons/apple-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'>
<link href='/icons/apple-icon-114x114.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/icons/apple-icon-120x120.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/icons/apple-icon-144x144.png' rel='apple-touch-icon' sizes='144x144'>
<link href='/icons/apple-icon-152x152.png' rel='apple-touch-icon' sizes='152x152'>
<link href='/icons/apple-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/icons/favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'>
<link href='/icons/favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'>
<link href='/icons/favicon-96x96.png' rel='icon' sizes='96x96' type='image/png'>
<link href='/icons/android-icon-192x192.png' rel='icon' sizes='192x192' type='image/png'>
<link href='/icons/manifest.json' rel='manifest'>
<script src='/require.js' type='application/javascript'></script>
<script src='/giotto-dev.js' type='application/javascript'></script>
<script src='/giottojs.min.js' type='application/javascript'></script>
</head>
<body>
<div id="page">
<navbar d3-model="mainNavbar" brand-height="60"></navbar>
<main id="page-header" class="page-header landing pt80" d3-fullpage>
<div class="container">
<div class="row">
<div class="col-sm-12 text-xs-center">
<div class="mx-auto" style="max-width: 400px">
<img id="giotto-logo" src="/giotto.svg" alt="GiottoJS" class="img-fluid">
</div>
<h2>GiottoJS</h2>
<p class="lead">D3 based Visualization Library</p>
<p class="lead hidden-xs">
<a class="btn btn-primary btn-lg btn-landing" href="https://github.com/quantmind/giotto">
<i class="fa fa-github fa-lg"></i> Source Code</a>
<a class="btn btn-primary btn-lg btn-landing" href="/download">
<i class="fa fa-download fa-lg"></i> Download</a>
</p>
</div>
</div>
</div>
</main>
<div id="page-main">
<div class="features container text-center">
<article>
<h3>Data analysis and Visualization</h3>
<div data-options='gexamples.barFeature' giotto-chart></div>
<p>GiottoJS is a javascript library under active development. It is built on top
of <a href="https://d3js.org/" title="d3js">d3js</a>, a low level data and svg library for the web.</p>
</article>
<article>
<h3>Svg and canvas support on Html5</h3>
<div data-options='gexamples.svgCanvas' giotto-viz></div>
<p>You can visualize your data using the same API on either <code><svg></code> or
<code><canvas></code> elements. Currently SVG is better supported.</p>
</article>
<article>
<h3>Powerful and Flexible Charting</h3>
<div data-options='gexamples.chartFeature' giotto-chart></div>
<p>You can visualize your data in several different ways using the power and flexibility
of <a href="https://d3js.org/" title="d3">d3</a> combined with the charting tools provided by GiottoJS.</p>
</article>
<article>
<h3>Open Source and Liberal License</h3>
<div data-options='gexamples.pieFeature' giotto-chart></div>
<p>GiottoJS is released under the
very liberal <a href="http://opensource.org/licenses/BSD-3-Clause">BSD license</a>.
You can fork the code add the feature you need and send us your patch.</p>
</article>
<article>
</article>
</div>
</div>
<div class="hidden-print">
<div id="footer">
<div class="container">
<div class="row">
<div class="col-sm-12 small">
<p>Library released under the <a href="http://opensource.org/licenses/BSD-3-Clause">BSD License</a>.</p>
<p>Copyright <year></year> <a href="http://lucasbardella.com">Luca Sbardella</a> and <a href="http://quantmind.com">Quantmind</a></p>
</div>
</div>
</div>
</div>
</div>
</div><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54439804-4', 'auto');
ga('send', 'pageview');
</script></body>
</html>