Permalink
Browse files

Moved folder structure

Moving file structure

Moved to demo

Renamed folders to get dist at top

Reverting name changes

Renamed to get dist at top of folder structure

Moved folder structure

Moving file structure

Moved to demo

Renamed folders to get dist at top

Reverting name changes

Moved folder structure

Moving file structure

Moved to demo

Renamed to get dist at top of folder structure
  • Loading branch information...
1 parent 32ec145 commit 5eb5ecab2635a8f4627ff528c4db60da0662aa01 Adam L committed Dec 12, 2014
Showing with 191 additions and 23,305 deletions.
  1. +0 −22,841 data/ufo_dates.csv
  2. 0 {css → dist}/metricsgraphics.css
  3. 0 {js → dist}/metricsgraphics.js
  4. +1 −0 dist/metricsgraphics.min.css
  5. 0 {js → dist}/metricsgraphics.min.js
  6. 0 { → examples}/css/highlightjs-default.css
  7. 0 { → examples}/css/metricsgraphics-demo-dark.css
  8. 0 { → examples}/css/metricsgraphics-demo.css
  9. 0 { → examples}/data/brief-1.json
  10. 0 { → examples}/data/brief-2.json
  11. 0 { → examples}/data/confidence_band.json
  12. 0 { → examples}/data/fake_users1.json
  13. 0 { → examples}/data/fake_users2.json
  14. 0 { → examples}/data/fake_users3.json
  15. 0 { → examples}/data/firefox_releases.json
  16. 0 { → examples}/data/float.json
  17. 0 { → examples}/data/log.json
  18. 0 { → examples}/data/make_fake_data.py
  19. 0 { → examples}/data/missing-y.json
  20. 0 { → examples}/data/multiline.json
  21. 0 { → examples}/data/neg1.json
  22. 0 { → examples}/data/neg2.json
  23. 0 { → examples}/data/points1.json
  24. 0 { → examples}/data/small-range.json
  25. 0 { → examples}/data/some_currency.json
  26. 0 { → examples}/data/some_percentage.json
  27. 0 { → examples}/data/split_by.json
  28. 0 { → examples}/data/ufo-sightings.json
  29. 0 { → examples}/data/xnotdate.json
  30. 0 { → examples}/dev.htm
  31. +39 −39 { → examples}/examples.htm
  32. BIN { → examples}/images/divider.png
  33. 0 { → examples}/images/logo.svg
  34. BIN { → examples}/images/missing-data-dark.png
  35. BIN { → examples}/images/missing-data.png
  36. BIN { → examples}/images/og-logo.png
  37. +17 −17 { → examples}/index.htm
  38. +22 −22 { → examples}/interactive-demo.htm
  39. 0 { → examples}/js/lib/ace.js
  40. 0 { → examples}/js/lib/highlight.pack.js
  41. 0 { → examples}/js/lib/mode-javascript.js
  42. 0 { → examples}/js/lib/worker-javascript.js
  43. +26 −26 { → examples}/js/main.js
  44. +69 −0 gulp/index.js
  45. +2 −78 gulpfile.js
  46. +1 −0 index.js
  47. +0 −272 make.py
  48. +14 −10 package.json
  49. 0 spec/.gitignore
  50. 0 src/{ → js}/charts/bar.js
  51. 0 src/{ → js}/charts/histogram.js
  52. 0 src/{ → js}/charts/line.js
  53. 0 src/{ → js}/charts/missing.js
  54. 0 src/{ → js}/charts/point.js
  55. 0 src/{ → js}/charts/table.js
  56. 0 src/{ → js}/common/bootstrap_tooltip_popover.js
  57. 0 src/{ → js}/common/chart_title.js
  58. 0 src/{ → js}/common/data_graphic.js
  59. 0 src/{ → js}/common/init.js
  60. 0 src/{ → js}/common/markers.js
  61. 0 src/{ → js}/common/x_axis.js
  62. 0 src/{ → js}/common/y_axis.js
  63. 0 src/{ → js}/layout/bootstrap_dropdown.js
  64. 0 src/{ → js}/layout/button.js
  65. 0 src/{ → js}/misc/error.js
  66. 0 src/{ → js}/misc/process.js
  67. 0 src/{ → js}/misc/smoothers.js
  68. 0 src/{ → js}/misc/utility.js
  69. 0 src/scss/.gitignore
View
Oops, something went wrong.
File renamed without changes.
File renamed without changes.
@@ -0,0 +1 @@
+.active_datapoint{fill:#000;font-size:.9rem;font-weight:400}.area1-color{fill:#00f}.area2-color{fill:#05b378}.area3-color{fill:#db4437}.area4-color{fill:#f8b128}.area5-color{fill:#5c5c5c}.barplot rect.bar{shape-rendering:crispEdges;fill:#b6b6fc}.barplot rect.bar.active{fill:#9e9efc}.barplot .bar-prediction{fill:#5b5b5b}.barplot .bar-baseline{stroke:#5b5b5b;stroke-width:2}.baselines line{opacity:.2;shape-rendering:crispEdges;stroke:#000;stroke-width:1}.baselines text{fill:#000;font-size:.7rem;opacity:.5;stroke:none}.chart_title .popover{font-size:.95rem}.chart_title .popover-content{cursor:auto;line-height:17px}.chart_title .popover.top,.data-table .popover.top{margin-top:0}.chart_title{cursor:default;font-size:1.8rem;padding-top:8px;text-align:center}.chart_title .fa{color:#ccc;font-size:1.2rem;padding-left:4px;vertical-align:top}.chart_title .fa.warning{font-weight:300}circle{opacity:.85}.data-table{margin-top:30px}.data-table thead tr th{border-bottom:1px solid #a9a9a9;cursor:default;font-size:1.1rem;font-weight:400;padding:5px 5px 8px;text-align:right}.data-table thead tr th .fa{color:#ccc;padding-left:4px}.data-table thead tr th .popover{font-size:1rem;font-weight:400}.data-table .secondary-title{color:#a9a9a9}.data-table tbody tr td{margin:2px;padding:5px;vertical-align:top}.data-table tbody tr td.table-text{opacity:.8;padding-left:30px}.extended-y-ticks svg .y-axis line{opacity:.07}.extended-x-ticks svg .x-axis line{opacity:.1}.histogram .axis line,.histogram .axis path{opacity:.7;fill:none;shape-rendering:crispEdges;stroke:#ccc}.histogram .bar rect{shape-rendering:crispEdges;fill:#b6b6fc}.histogram .bar rect.active{fill:#9e9efc}.least-squares-line{stroke-width:1;stroke:red}.lowess-line{stroke:red;fill:none}.line1-color{stroke:#4040e8}.line2-color{stroke:#05b378}.line3-color{stroke:#db4437}.line4-color{stroke:#f8b128}.line5-color{stroke:#5c5c5c}.line1-legend-color{color:#4040e8}.line2-legend-color{color:#05b378}.line3-legend-color{color:#db4437}.line4-legend-color{color:#f8b128}.line5-legend-color{color:#5c5c5c}.legend{font-size:.9rem;padding:25px 0 15px}.main-area-solid svg .main-area{fill:#ccf;opacity:1}.markers line{opacity:.2;shape-rendering:crispEdges;stroke:#000;stroke-width:1}.markers text{fill:#000;font-size:.7rem;opacity:.5;stroke:none}.missing{background-image:url(../images/missing-data.png);background-repeat:no-repeat;background-position:center center;background-size:90% 90%}.missing-pane{fill:none}path.main-area{opacity:.2;stroke:none}path.confidence-band{fill:#ccc;opacity:.4;stroke:none}path.main-line{fill:none;opacity:.8;stroke-width:1.1px}.points circle{fill-opacity:.4;stroke-opacity:1}circle.points-mono{fill:#00f;stroke:#00f}.points circle.selected{fill-opacity:1;stroke-opacity:1}text{fill:#000;opacity:.8}.voronoi path{fill:none;pointer-events:all;stroke:none;stroke-opacity:.1}.x-rug-mono,.y-rug-mono{stroke:#000}.x-axis line,.y-axis line{opacity:.3;shape-rendering:crispEdges;stroke:#000;stroke-width:1}.histogram .axis text,.x-axis text,.y-axis text{fill:#000;font-size:.9rem;opacity:.5}.axis .label,.x-axis .label,.y-axis .label{font-size:.8rem;text-transform:uppercase;font-weight:400}.active-datapoint-small,.x-axis-small text,.y-axis-small text{font-size:.6rem}.x-axis-small .label,.y-axis-small .label{font-size:.65rem}.year-marker text{fill:#000;font-size:.7rem;opacity:.5}.year-marker line{opacity:.2;shape-rendering:crispEdges;stroke:#000;stroke-width:1}.year-marker-small text{font-size:.6rem}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
@@ -2,8 +2,8 @@
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<meta property='og:title' content='MetricsGraphics.js' />
- <meta property='og:description' content='MetricsGraphics.js is a library optimized
- for visualizing and laying out time-series data. It provides a simple way to produce
+ <meta property='og:description' content='MetricsGraphics.js is a library optimized
+ for visualizing and laying out time-series data. It provides a simple way to produce
common types of graphics in a principled, consistent and responsive way.' />
<meta property='og:image' content='http://metricsgraphicsjs.org/images/og-logo.png' />
<meta property='og:type' content='website' />
@@ -19,13 +19,13 @@
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
- <link href='css/metricsgraphics.css' rel='stylesheet' type='text/css'>
+ <link href='../lib/metricsgraphics.css' rel='stylesheet' type='text/css'>
<link href='css/metricsgraphics-demo.css' rel='stylesheet' type='text/css' id='light'>
<link href='' rel='stylesheet' type='text/css' id='dark'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js' charset='utf-8'></script>
- <script src='js/metricsgraphics.min.js'></script>
+ <script src='../lib/metricsgraphics.min.js'></script>
<script src='js/main.js'></script>
<script>
@@ -75,28 +75,28 @@
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Hassle-Free Layouts</h2>
- <p>We use Bootstrap's grid template to lay out graphics. This means
- that it is ridiculously easy to create grids of arbitrary sizes
- and place graphics and their corresponding prose or associated
+ <p>We use Bootstrap's grid template to lay out graphics. This means
+ that it is ridiculously easy to create grids of arbitrary sizes
+ and place graphics and their corresponding prose or associated
graphics wherever and however one pleases.</p>
- <p>Setting <i>legend</i> and <i>legend_target</i> allows you to
+ <p>Setting <i>legend</i> and <i>legend_target</i> allows you to
generate a key to go with the graphic.</p>
<div class='legend'></div>
</div>
<div class='col-lg-8'>
<div class='col-lg-12 text-center extended-y-ticks' id='fake_users3'>
-
-
+
+
</div>
</div>
</div>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Confidence Band</h2>
- <p>We regularly make use of confidence bands with forecasts. One
- can easily specify a confidence band by enabling the option and
- specifying the elements that contain the lower and upper values
+ <p>We regularly make use of confidence bands with forecasts. One
+ can easily specify a confidence band by enabling the option and
+ specifying the elements that contain the lower and upper values
for each data point.</p>
</div>
<div class='col-lg-8'>
@@ -107,8 +107,8 @@ <h2 class='trunk-title'>Confidence Band</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Linked Graphics</h2>
- <p>It can be useful to have two graphics linked together&mdash;when
- a rollover in one is triggered, the same rollover is triggered on
+ <p>It can be useful to have two graphics linked together&mdash;when
+ a rollover in one is triggered, the same rollover is triggered on
the same date or data point in the other.</p>
</div>
<div class='col-lg-8'>
@@ -122,15 +122,15 @@ <h2 class='trunk-title'>Linked Graphics</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Update Graphic Data</h2>
- <p>We sometimes have the need to split the data and then
- gracefully update the graphic with the newly selected subset of
+ <p>We sometimes have the need to split the data and then
+ gracefully update the graphic with the newly selected subset of
data.</p>
<div class='btn-group btn-group-sm text-center split-by-controls'>
- <button type='button' class='btn btn-default active'
+ <button type='button' class='btn btn-default active'
data-y_accessor='release'>Release</button>
- <button type='button' class='btn btn-default'
+ <button type='button' class='btn btn-default'
data-y_accessor='beta'>Beta</button>
- <button type='button' class='btn btn-default'
+ <button type='button' class='btn btn-default'
data-y_accessor='alpha'>Alpha</button>
</div>
</div>
@@ -142,23 +142,23 @@ <h2 class='trunk-title'>Update Graphic Data</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Modify Time Period</h2>
- <p>We sometimes have the need to view data for just the past n days.
+ <p>We sometimes have the need to view data for just the past n days.
Here, the <i>transition_on_update</i> option is set to false.</p>
- <div class='btn-group btn-group-sm text-center
+ <div class='btn-group btn-group-sm text-center
modify-time-period-controls'>
- <button type='button' class='btn btn-default active'
+ <button type='button' class='btn btn-default active'
data-time_period=''>All time</button>
- <button type='button' class='btn btn-default'
+ <button type='button' class='btn btn-default'
data-time_period='61'>Past 2 months</button>
- <button type='button' class='btn btn-default'
+ <button type='button' class='btn btn-default'
data-time_period='31'>Past month</button>
</div>
</div>
<div class='col-lg-8'>
<div id='modify_time_period'></div>
</div>
</div>
-
+
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Small Graphics</h2>
@@ -188,8 +188,8 @@ <h2 class='trunk-title'>Hiding Axes</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Rollover Text Formatting</h2>
- <p>We can change the precision if the axis data type is a float.
- We can also change both the formatting, or hide the rollover text
+ <p>We can change the precision if the axis data type is a float.
+ We can also change both the formatting, or hide the rollover text
altogether.</p>
</div>
<div class='col-lg-8'>
@@ -207,7 +207,7 @@ <h2 class='trunk-title'>Rollover Text Formatting</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Logarithmic Scales</h2>
- <p>One can change the y-axis' scale to logarithmic by setting
+ <p>One can change the y-axis' scale to logarithmic by setting
<i>y_scale_type</i> to <i>log</i>.</p>
</div>
<div class='col-lg-8'>
@@ -218,8 +218,8 @@ <h2 class='trunk-title'>Logarithmic Scales</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Min and Max Numbers on Y-Axis</h2>
- <p>Currently this lib will default to 0 on the y-axis as min if
- there are no negative numbers. If there are negatives, should
+ <p>Currently this lib will default to 0 on the y-axis as min if
+ there are no negative numbers. If there are negatives, should
provide some buffer below.</p>
</div>
<div class='col-lg-8'>
@@ -237,7 +237,7 @@ <h2 class='trunk-title'>Min and Max Numbers on Y-Axis</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Scatterplots</h2>
- <p>A few examples of scatterplots that demonstrate the graphic
+ <p>A few examples of scatterplots that demonstrate the graphic
type's options, smoothers and rug&nbsp;plots.</p>
</div>
<div class='col-lg-8'>
@@ -259,9 +259,9 @@ <h2 class='trunk-title'>Scatterplots</h2>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Histograms</h2>
- <p>We use histograms a lot, particularly in
- <a href='https://wiki.mozilla.org/Telemetry' target='_blank'>Telemetry</a>.
- The histogram graphic type includes the ability to
+ <p>We use histograms a lot, particularly in
+ <a href='https://wiki.mozilla.org/Telemetry' target='_blank'>Telemetry</a>.
+ The histogram graphic type includes the ability to
<a href='http://en.wikipedia.org/wiki/Freedman%E2%80%93Diaconis_rule'>
bin data</a>.
</p>
@@ -283,15 +283,15 @@ <h2 class='trunk-title'>Histograms</h2>
<div class='row wip light-bg'>
<div class='col-lg-12 text-center'>
- <i class='fa fa-wrench'></i> <strong>Works in Progress</strong>
+ <i class='fa fa-wrench'></i> <strong>Works in Progress</strong>
subject to drastic change
</div>
</div>
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Handling Missing Data</h2>
<p>
- MetricsGraphics.js has a number of ways of handling missing data in line charts. We are currently working on a few options, including segmenting time series to show gaps.
+ MetricsGraphics.js has a number of ways of handling missing data in line charts. We are currently working on a few options, including segmenting time series to show gaps.
</p>
</div>
<div class='col-lg-8'>
@@ -325,7 +325,7 @@ <h2 class='trunk-title'>Data-Based Button Layouts</h2>
</div>
</div>
</div>
-
+
<div class='row trunk-section'>
<div class='col-lg-4'>
<h2 class='trunk-title'>Barplots</h2>
@@ -343,7 +343,7 @@ <h2 class='trunk-title'>Barplots</h2>
<div class='footer'>
<a href='http://metricsgraphicsjs.org'>MetricsGraphics.js 1.1</a>
- <br />Created by <a href='https://twitter.com/alialmossawi'>Ali Almossawi</a> and
+ <br />Created by <a href='https://twitter.com/alialmossawi'>Ali Almossawi</a> and
<a href='https://github.com/hamilton'>Hamilton Ulmer</a>
<br />2014 &middot; Shared under a <a href='http://www.mozilla.org/MPL/2.0/'>
Mozilla Public License</a>
File renamed without changes
File renamed without changes.
File renamed without changes
File renamed without changes
Oops, something went wrong.

0 comments on commit 5eb5eca

Please sign in to comment.