UNPKG

13.2 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Dygraphs — list of known users</title>
7
8 <link rel="stylesheet" type="text/css" href=".jslibs/bootstrap.min.css" />
9 <link rel="stylesheet" type="text/css" href="dist/dygraph.css" />
10 <link rel="stylesheet" type="text/css" href="common/vextlnk.css" />
11 <link rel="stylesheet" type="text/css" href="site.css" />
12
13 <script type="text/javascript" src=".jslibs/jquery.min.js"></script>
14 <script type="text/javascript" src=".jslibs/bootstrap.min.js"></script>
15 <script type="text/javascript" src="dist/dygraph.js"></script>
16 </head>
17 <body>
18 <nav id="header" class="navbar navbar-default navbar-fixed-top">
19 <div class="container-fluid">
20 <div class="navbar-header">
21 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-responsive-collapse" aria-expanded="false">
22 <span class="sr-only">Toggle navigation</span>
23 <span class="icon-bar"></span>
24 <span class="icon-bar"></span>
25 <span class="icon-bar"></span>
26 </button>
27 <a class="navbar-brand" href="/">dygraphs</a>
28 </div><!-- /navbar-header -->
29 <div class="collapse navbar-collapse" id="navbar-responsive-collapse">
30
31 <!-- TODO(danvk): fill in relevant links here -->
32 <ul class="nav navbar-nav">
33 <li class="dropdown">
34 <a class="dropdown-toggle" id="drop3" role="button" data-toggle="dropdown" href="#">Documentation<b class="caret"></b></a>
35 <ul id="menu0" class="dropdown-menu" role="menu" aria-labelledby="drop3">
36 <li role="presentation"><a role="menuitem" tabindex="-1" href="tutorial.html">Tutorial</a></li>
37 <li role="presentation"><a role="menuitem" tabindex="-1" href="options.html">Options Reference</a></li>
38 <li role="presentation"><a role="menuitem" tabindex="-1" href="jsdoc/symbols/Dygraph.html">API Reference</a></li>
39 <li role="presentation"><a role="menuitem" tabindex="-1" href="data.html">Data Format</a></li>
40 <li role="presentation"><a role="menuitem" tabindex="-1" href="annotations.html">Annotations</a></li>
41 <li role="presentation"><a role="menuitem" tabindex="-1" href="css.html">CSS Reference</a></li>
42 <li role="presentation"><a role="menuitem" tabindex="-1" href="versions.html">Version History</a></li>
43 <li role="separator" class="divider"></li>
44 <li role="presentation"><a role="menuitem" tabindex="-1" href="ie.html">Notes on Internet Explorer</a></li>
45 </ul>
46 </li>
47 <li class="dropdown">
48 <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Examples<b class="caret"></b></a>
49 <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
50 <li role="presentation"><a role="menuitem" tabindex="-1" href="gallery/">Demo Gallery</a></li>
51 <li role="presentation"><a role="menuitem" tabindex="-1" href="users.html">List of Users</a></li>
52 <li role="separator" class="divider"></li>
53 <li role="presentation"><a role="menuitem" tabindex="-1" href="tests/">Test Cases</a></li>
54 <li role="separator" class="divider"></li>
55 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://dygraphs.com/fiddle/">Play</a></li>
56 </ul>
57 </li>
58 <li><a class="xnavbar-link" href="download.html">Download</a></li>
59 <li class="dropdown">
60 <a class="dropdown-toggle" id="drop7" role="button" data-toggle="dropdown" href="#">Community <b class="caret"></b></a>
61 <ul id="menu4" class="dropdown-menu" role="menu" aria-labelledby="drop7">
62 <li role="presentation"><a role="menuitem" tabindex="-1" href="http://blog.dygraphs.com/">Blog</a></li>
63 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://stackoverflow.com/questions/ask?tags=dygraphs+javascript">Ask a Question</a></li>
64 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://stackoverflow.com/questions/tagged/dygraphs">Stack Overflow</a></li>
65 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://groups.google.com/g/dygraphs-users">Mailing List</a></li>
66 </ul>
67 </li>
68 <li class="dropdown">
69 <a class="dropdown-toggle" id="drop6" role="button" data-toggle="dropdown" href="#">Contribute <b class="caret"></b></a>
70 <ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop6">
71 <li role="presentation"><a role="menuitem" tabindex="-1" href="changes.html">Contributors Guide</a></li>
72 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://github.com/danvk/dygraphs">Source (Github)</a></li>
73 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://github.com/danvk/dygraphs/issues">Issue Tracker</a></li>
74 <li role="presentation"><a role="menuitem" tabindex="-1" href="https://github.com/danvk/dygraphs/issues/new">Report a Bug</a></li>
75 </ul>
76 </li>
77 </ul><!-- /navbar-nav -->
78
79 </div><!-- /navbar-responsive-collapse -->
80 </div><!-- container-fluid -->
81 </nav>
82
83 <div class="container" id="main">
84 <div class="row">
85 <div class="col-lg-12">
86<h2>Known Users</h2>
87 <p>Since its public release in late 2009, dygraphs has found many users
88 across the web. This is a small collection of the uses that we know about.
89 If you're using dygraphs, please send <a
90 href="mailto:dan@dygraphs.com">Dan</a> a link and he'll add it to this
91 list.</p>
92
93 <p>dygraphs was originally developed at Google and has found wide use on
94 internal dashboards and servers there. There are also a few uses of
95 dygraphs on public Google products:</p>
96
97 <ul class='padded-list'>
98 <li><a href="http://www.google.com/trends/correlate/search?e=id:20xKcnNqHrk&t=weekly">Google Correlate</a><br />
99 <span class="desc">Uses dygraphs for time series visualization. Mostly a standard configuration, with just a few tweaks to match Google style.</span></li>
100
101 <li><a href="http://www.google.com/trends/correlate/draw?p=us">Google Correlate - Search by Drawing</a><br />
102 <span class="desc">This is a highly customized configuration which lets the user draw a time series. Based on <a href="tests/drawing.html">this demo</a>.</span></li>
103
104 <li><a href="https://www.google.com/latitude/b/0/history/manage">Google Latitude History Dashboard</a><br />
105 <span class="desc">Uses mouse interaction callbacks to synchronize time series points with markers on a Google Map.</span></li>
106 </ul>
107
108 <p>dygraphs has also found use in other organizations:</p>
109
110 <ul class='padded-list'>
111<li><a
112 href="http://iswa.ccmc.gsfc.nasa.gov:8080/IswaSystemWebApp/index.jsp?i_1=388&l_1=99&t_1=316&w_1=800&h_1=400&s_1=0!3!0!ACE.B_x!ACE.B_y!ACE.B_z!">Integrated
113 Space Weather Analysis System</a> (NASA)<br />
114<span class="desc">“We use [dygraphs] in the Integrated Space Weather
115 Analysis System available from the Space Weather Laboratory at NASA Goddard
116 Space Flight Center. It works quite well for time series data from various
117 missions and simulations that we store.”</span></li>
118
119<li><a href="http://www.eutelsat.fr">Eutelsat</a><br />
120<span class="desc">“Eutelsat uses dygraphs for charting spacecraft
121 telemetry for a fleet of 25 geostationary satellites. The spacecraft
122 engineers are very happy with it. All satellite combined are producing
123 about 200 millions unique data points per day so we really appreciate the
124 excellent performance of dygraphs.”</span></li>
125
126<li><a href="http://www.10gen.com/mongodb-monitoring-service">10gen MongoDB
127 Monitoring Service</a><br />
128<span class="desc">A free monitoring service for MongoDB from 10gen (the
129 creators of MongoDB). Used by thousands of servers and users. Makes use of
130 <a href="tests/synchronize.html">synchronized charts</a> to display many
131 quantities simultaneously.</span></li>
132
133<li><a href="http://duckduckgo.com/traffic.html">Duck Duck Go Traffic Dashboard</a><br />
134<span class="desc">DDG uses dygraphs to display a public chart of their daily traffic. They use annotations and the moving average features.</span></li>
135
136 <li><a href="http://toolserver.org/~dartar/moodbar/">Wikimedia Foundation - Moodbar data dashboard</a><br />
137 <span class="desc">dygraphs is used internally at Wikimedia as a handy solution to monitor the
138 results of a bunch of small experiments.</span></li>
139
140<li><a href="http://code.google.com/p/quadrant-framework/">quadrant-framework</a> (MySQL Load Testing Framework)<br />
141<span class="desc">A user friendly framework for creating and visualizing
142 MySQL database load test jobs. For more information on its use of dygraphs,
143 see <a href="http://themattreid.com/wordpress/2011/05/20/quadrant-framework-rev7-update-adds-dygraphs-support/">this post</a>.</span></li>
144
145<li><a href="http://spinwave.wordpress.com/2011/03/28/spinwave-systems-enables-energy-efficiency-case-studies/">Spinwave Systems</a> (Home energy monitoring)<br />
146<span class="desc">dygraphs is used to chart energy usage over time.</span></li>
147
148 <li><a href="http://www.socib.es/jwebchart/?file=http://thredds.socib.es/thredds/dodsC/mooring/weather_station/mobims_calamillor-scb_met001/L1/dep0001_mobims-calamillor_scb-met001_L1_latest.nc">Jwebchart</a><br />
149 <span class="desc">
150 jWebChart is a stand-alone and Thredds' embedded plotting system for
151 netCDF files. NetCDF is a common standard for the storage and
152 distribution of scientific data.
153 </span></li>
154
155 <li><a href="http://ngrams.cavorite.com/">n-gramas - Explore las tendencias en los artículos periodísticos de Colombia.</a><br />
156
157 <span class="desc">(English: "Explore trends in newspaper articles of
158 Colombia"). dygraphs is used for displaying the results of this n-grams
159 viewer. Uses an extension for exporting the plots as PNG images
160 (<a href="http://cavorite.com/labs/js/dygraphs-export/">[1]</a>, <a href="https://github.com/cavorite/dygraphs">[2]</a>).
161 </span></li>
162
163 <li>
164 <a href="http://www.glerl.noaa.gov/data/dashboard/GLD_HTML5.html">NOAA Great Lakes Dashboard</a><br />
165 <span class="desc">
166 The Great Lakes Dashboard provides user-friendly
167 access to aggregated time series data, model output, and forecasts for
168 multiple variables describing the Great Lakes along with background
169 information. First developed in Adobe Flash, a HTML 5 compatible version
170 has been in the works and a functional draft is available here.
171 </span>
172 </li>
173
174 <li>
175 <a href="http://howmanydiapers.com">HowManyDiapers.com</a><br />
176 <span class="desc">
177 HowManyDiapers.com is a free tool for estimating diaper use and sizes for any infant, in any time period.
178 Using the baby’s percentile by weight (from the CDC growth chart), it plots out how much the baby is likely
179 to weigh in the future, then checks with the manufacturer’s sizing charts to determine best diaper fit.
180 Dygraphs are used in the results page, to display the growth curve and sizing changes (using annotations).
181 </span>
182 </li>
183
184 <li>
185 <a href="http://cida.usgs.gov/gcmrc/discharge_qw_sediment/">USGS CIDA/GCMRC River Sediment and Discharge</a><br />
186 <span class="desc">
187 The Center for Integrated Data Analytics (CIDA) is using Dygraphs to display timeseries data
188 collected at USGS gage stations, most prominently on the Colorado River through the Grand
189 Canyon. Dygraphs performance was essential for interacting with years of dense timeseries
190 data in the browser. (<a href="https://github.com/USGS-CIDA/gcmrc-ui-parent">View the code</a>!)
191 </span>
192 </li>
193
194 <li>
195 <a href="https://www.ghanastocks.net">Ghanastocks.net</a><br />
196 <span class="desc">
197 Ghanastocks.net is a financial platform offering information on the stocks traded on the Ghana Stock Exchange.
198 Dygraphs is used to display the stock charts. On the front page a tiny preview graph with no interaction model and
199 labels is used, the quote pages uses a standard version of dygraphs and the detailed chart is displayed using two
200 dygraphs instances, one for the volume bars and one for the chart, which are synchronized through a custom highlight
201 callback.
202 </span>
203 </li>
204
205 </ul>
206
207 <p>Are you using dygraphs? Please let <a href="mailto:dan@dygraphs.com">Dan</a> know and he'll add your link here!</p>
208
209 </div> <!-- .col-lg-12 -->
210 </div> <!-- /div.row -->
211</div> <!-- /div#main.container -->
212
213<!-- TODO(danvk): add a real footer -->
214<!--@@@IFIMPRINT:<div class="container" style="border:1px solid green; margin-bottom:1ex;">@@@PLACE_IMPRINT_LINK_HERE_IF_NECESSARY@@@</div>:FIIMPRINT@@@-->
215
216 </body>
217</html>