-
Notifications
You must be signed in to change notification settings - Fork 24
/
Copy pathindex.html
243 lines (232 loc) · 12.3 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
---
layout: default
title: Graphite Home
homepage_navigation: true
---
<div class="banner-section banner-section--intro">
<div class="wrapper">
<h2>Graphite does three things:</h2>
<h3>Kick ass.</h3>
<h3>Chew bubblegum.</h3>
<h3>Make it easy to store and graph metrics.</h3>
<h4>(And it’s all out of bubblegum.)</h4>
<a class="btn btn--transparent" href="/#overview">Learn more about Graphite</a>
</div>
</div>
<div class="page-section page-section--overview anchor">
<div class="wrapper">
<h2 class="section-header" id="overview">Overview</h2>
<div class="page-section__column-wrap">
<div class="page-section__column">
<hr class="hr">
<h3 class="section-subhead" >About the Project</h3>
<p>Graphite is an enterprise-ready monitoring tool that runs equally well on cheap hardware or Cloud infrastructure. Teams use Graphite to track the performance of their websites, applications, business services, and networked servers. It marked the start of a new generation of monitoring tools, making it easier than ever to store, retrieve, share, and visualize time-series data.</p>
<p>Graphite was originally designed and written by <strong>Chris Davis</strong> at <strong>Orbitz</strong> in 2006 as side project that ultimately grew to be their foundational monitoring tool. In 2008, Orbitz allowed Graphite to be released under the open source <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache 2.0 license</a>. Numerous large <a href="#caseStudies">companies</a> have deployed Graphite to production where it helps them to monitor their production e-commerce services and plan for growth.</p>
</div>
<div class="page-section__column">
<hr class="hr">
<h3 class="section-subhead">What Graphite is and is not.</h3>
<p>Graphite does two things:</p>
<p class="hex" data-count="1"><b>Store numeric time-series data</b></p>
<p class="hex" data-count="2"><b>Render graphs of this data on demand</b></p>
<p>Graphite is <strong>not</strong> a collection agent, but it offers the simplest path for getting your measurements into a time-series database. <a href="http://graphite.readthedocs.io/en/latest/feeding-carbon.html">Feeding your metrics</a> into Graphite couldn't be any easier.</p>
<p><code>$ echo "foo.bar 1 `date +%s`" | nc localhost 2003</code></p>
<p>Need a collection agent or language bindings? Graphite has one of the <a href="http://graphite.readthedocs.io/en/latest/tools.html">largest ecosystems</a> of data integrations and third-party tools.</p>
<a class="btn btn--outline-primary right" href="http://graphite.readthedocs.org/en/latest/" target="_blank">
<span>Read the Full Documentation</span>
</a>
</div>
</div>
<div class="page-section" id="caseStudies">
<hr class="hr">
<h3 class="section-subhead">Who uses Graphite?</h3>
<ul class="case-study-logos">
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_etsy.png">
<a class="case-study__link btn btn--outline-primary btn--small" href="/case-studies/etsy.html">
<span>Case Study</span>
</a>
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_simple.png">
<a class="case-study__link btn btn--outline-primary btn--small" href="/case-studies/simple.html">
<span>Case Study</span>
</a>
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_booking-com.png">
<a class="case-study__link btn btn--outline-primary btn--small" href="/case-studies/booking.html">
<span>Case Study</span>
</a>
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_github.png">
<a class="case-study__link btn btn--outline-primary btn--small" href="/case-studies/github.html">
<span>Case Study</span>
</a>
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_salesforce.png">
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_reddit.png">
</li>
<li class="case-study">
<img class="case-study__logo" src="/img/casestudy_lyft.png">
</li>
<!--li class="case-study">
<img class="case-study__logo" src="/img/casestudy_ea.png">
</li-->
<!--li class="case-study">
<img class="case-study__logo" src="/img/casestudy_mediamath.png">
</li-->
<!--li class="case-study">
<img class="case-study__logo" src="/img/casestudy_uber.png">
</li-->
</ul>
<!--span class="section-callout subtle"><em>(just to name a few)</em></span-->
</div>
</div>
</div>
<div class="banner-section banner-section--getting-started anchor">
<div class="wrapper">
<h2 class="section-header" id="gettingStarted">Getting Started</h2>
<hr class="hr">
<h3 class="section-subhead">Quickstart guides for installation and working with data</h3>
<ul class="circles-list">
<li class="circles-list__item">
<a class="circles-list__link" href="/quick-start-guides/synthesize.html" target="_blank">
<p>Easy Graphite Install with Synthesize</p>
<span class="btn btn--outline-alt btn--small" href="/quick-start-guides/synthesize.html">Read More</span>
</a>
</li>
<li class="circles-list__item">
<a class="circles-list__link" href="/quick-start-guides/feeding-metrics.html" target="_blank">
<p>Getting Metrics <b>Into</b> Graphite</p>
<span class="btn btn--outline-alt btn--small" href="/quick-start-guides/feeding-metrics.html">Read More</span>
</a>
</li>
<li class="circles-list__item">
<a class="circles-list__link" href="/quick-start-guides/graphing-metrics.html">
<p>Getting Metrics <b>Out of</b> Graphite</p>
<span class="btn btn--outline-alt btn--small" href="/quick-start-guides/graphing-metrics.html">Read More</span>
</a>
</li>
</ul>
<a class="btn btn--outline right" href="/quick-start-guides">Check Out All Quickstart Guides</a>
</div>
</div>
<div class="page-section page-section--architecture">
<div class="wrapper">
<hr class="hr">
<h3 class="section-subhead">The Architecture in a Nutshell</h3>
<div class="page-section__column-wrap page-section__column-wrap--two-thirds">
<div class="page-section__column">
<p>Graphite consists of three software components:</p>
<p class="hex" data-count="1"><b>carbon</b> - a high-performance service that listens for time-series data</p>
<p class="hex" data-count="2"><b>whisper</b> - a simple database library for storing time-series data</p>
<p class="hex" data-count="3"><b>graphite-web</b> - Graphite's user interface & API for rendering graphs and dashboards</p>
<p>Metrics get fed into the stack via the <strong>Carbon</strong> service, which writes the data out to <strong>Whisper</strong> databases for long-term storage. Users interact with the <strong>Graphite web</strong> UI or API, which in turn queries Carbon and Whisper for the data needed to construct the requested graphs.</p>
<p>Graphite's web platform offers a variety of output styles and formats, including raw images, CSV, XML, and JSON, allowing anyone to easily embed custom graphs in other web pages or dashboards.</p>
</div>
<div class="page-section__column">
<figure class="page-section__figure">
<img src="img/architecture_diagram.png">
</figure>
</div>
</div>
</div>
</div>
<div class="page-section page-section--integrations anchor">
<div class="wrapper">
<h2 class="section-header" id="integrations">Integrations</h2>
<hr class="hr">
<h3 class="section-subhead">Tons of tools work with Graphite, including:</h3>
<ul class="integrations-list">
<li class="integrations-list__item">
<a href="https://collectd.org/wiki/index.php/Plugin:Write_Graphite">
<img class="integrations-list__logo" src="img/integration_collectd.png">
</a>
</li>
<li class="integrations-list__item">
<a href="https://sensuapp.org/docs/latest/guides/getting-started/intro-to-checks.html">
<img class="integrations-list__logo" src="img/integration_sensu.png">
</a>
</li>
<li class="integrations-list__item">
<a href="http://riemann.io/howto.html#forward-to-graphite">
<img class="integrations-list__logo" src="img/integration_riemann.png">
</a>
</li>
<li class="integrations-list__item">
<a href="https://ssc-serv.com/graphite.shtml">
<img class="integrations-list__logo" src="img/integration_windows.png">
</a>
</li>
<li class="integrations-list__item">
<a href="https://www.elastic.co/guide/en/logstash/current/plugins-outputs-graphite.html">
<img class="integrations-list__logo" src="img/integration_logstash.png">
</a>
</li>
<li class="integrations-list__item">
<a href="https://github.com/marpaia/graphite-golang">
<img class="integrations-list__logo" src="img/integration_golang.png">
</a>
</li>
<li class="integrations-list__item">
<a href="http://blog.sflow.com/2012/01/graphite.html">
<img class="integrations-list__logo" src="img/integration_sflow.gif">
</a>
</li>
<li class="integrations-list__item">
<a href="https://github.com/shawn-sterling/graphios">
<img class="integrations-list__logo" src="img/integration_nagios.png">
</a>
</li>
</ul>
<a class="btn btn--outline-dark right" href="http://graphite.readthedocs.org/en/latest/tools.html" target="_blank">See More Integrations</a>
</div>
</div>
<div class="banner-section banner-section--active-development" id="docs">
<div class="wrapper">
<h2 class="section-header">Active Development</h2>
<hr class="hr">
<h3 class="section-subhead">Github Projects</h3>
<p>Graphite is under constant development. Please file any issues or feature requests in Github and contribute to the project.</p>
<ul>
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/graphite-web" target="_blank">/graphite-project/graphite-web</a>
</li>
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/carbon" target="_blank">/graphite-project/carbon</a>
</li>
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/whisper" target="_blank">/graphite-project/whisper</a>
</li>
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/carbonate" target="_blank">/graphite-project/carbonate</a>
</li>
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/docker-graphite-statsd" target="_blank">/graphite-project/docker-graphite-statsd</a>
</li>
<!--li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/ceres" target="_blank">/graphite-project/ceres</a>
</li-->
<li>
<a class="page-section__icon-link" href="https://github.com/graphite-project/graphite-project.github.io" target="_blank">/graphite-project/graphite-project.github.io</a>
</li>
</ul>
</div>
</div>
<div class="page-section page-section--questions anchor" id="support">
<div class="wrapper">
<h2 class="section-header">Questions for Graphite?</h2>
<hr class="hr">
<h3 class="section-subhead">Ask a question, browse through the documentation, or open a GitHub issue to find your answer.</h3>
<ul class="btn-group">
<li class="btn-group__item"><a class="btn btn--outline-deep" href="http://stackexchange.com/filters/27311/graphite" target="_blank">StackExchange Community Support</a></li>
<li class="btn-group__item"><a class="btn btn--outline-deep" href="http://graphite.readthedocs.org/en/latest/" target="_blank">Read the Official Documentation</a></li>
<li class="btn-group__item"><a class="btn btn--outline-deep" href="https://github.com/graphite-project/graphite-web/issues/new" target="_blank">Open a GitHub Issue</a></li>
</ul>
</div>
</div>