Commit 13243aa1 authored by Leo Iannacone's avatar Leo Iannacone

update external libraries

parent 84fb7aad
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# Change these settings to your own preference
indent_style = space
indent_size = 2
# We recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
node_modules
sitedist
.tmp
.sass-cache
source/bower_components
{
"node": true,
"browser": true,
"esnext": true,
"bitwise": true,
"camelcase": false,
"curly": true,
"eqeqeq": true,
"immed": true,
"indent": 2,
"latedef": true,
"newcap": false,
"noarg": true,
"quotmark": "single",
"regexp": true,
"undef": true,
"unused": true,
"strict": true,
"trailing": true,
"smarttabs": true,
"globals": {
"angular": false,
"jQuery": false,
"$": false,
"SVG": false,
"Snap": false,
"Foundation": false
}
}
language: node_js
node_js:
- '0.8'
- '0.10'
before_script:
- 'npm install -g bower grunt-cli'
- 'bower install'
# Contributing to chartist-js
- [Issues and Bugs](#issue)
- [Submission Guidelines](#submit)
- [Coding Conventions](#conventions)
## <a name="issue"></a> Found an Issue?
If you find a bug in the source code or a mistake in the documentation, you can help us by
submitting an issue to our [GitHub Repository][github]. Even better you can submit a Pull Request
with a fix.
## How to Run a Local Distribution
1. `cd` into your local copy of the repository.
2. Run `npm install` to install dependencies located in `package.json`.
3. Run `bower update` to install bower dependencies.
5. Run `grunt serve` to start the watch task, and the web server should automatically open. Congrats, you should now be able to see your local copy of the demo site.
## <a name="submit"></a> Submission Guidelines
If you are creating a Pull Request, fork the repository and make any changes on the `develop` branch.
### <a name="conventions"></a> Conventions
Check out the [Coding Style document](CODINGSTYLE.md)
### Grunt
We have three grunt tasks:
1. `grunt build` - Creates the distribution of the example / demo site which is used as visual development help of the charts but also serves as the documentation site / gh-pages.
2. `grunt serve` - Starts watch with livereload that is executing the same things as the site dist default task but for live development.
3. `grunt test` - Executes jasmine tests separately, although we have a very big lack of tests.
4. `grunt serve:dist` - Executes a dist and serves the directory statically in order to serve with the production example / demo site.
`libdist` should **not** be included in any Pull Requests. So please ensure that code is not being committed as part of the Pull Request.
### Documentation
- Everything is already in place and in the `sitedist` there is a `apidoc` folder generated by [doxication](https://github.com/gionkunz/grunt-doxication) generator that uses JSDoc like comments to generate documentation meta files. Always use proper JSDoc comments when documenting methods and API interfaces. Also assign documentation blocks using @memberof to the virtual module they belong to.
- The site documentation is built with [Assemble.io](http://assemble.io/). Generally a component based approach should be followed where there are already Handlebar partials / helpers in order to create whole sites based on components that can be specified by type and with their data in yaml files.
### Important missing stuff
1. Jasmine Tests!
2. Documentation: JSDoc, Getting started documentation and landing page
3. Better accessibility using ARIA and other optimizations
4. Better interfaces to the library (i.e. jQuery with data-* attributes for configuration), Angular.js directive etc.
5. Richer SASS / CSS framework
6. Other charts types (spider etc.)
# Big welcome by the Chartist Guy
![The Chartist Guy](https://raw.github.com/gionkunz/chartist-js/develop/source/images/chartist-guy.gif "The Chartist Guy")
*Checkout the documentation site at http://gionkunz.github.io/chartist-js/*
*Checkout this lightening talk that gives you an overview of Chartist in 5 minutes https://www.youtube.com/watch?v=WdYzPhOB_c8*
Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already
out there, but they are either:
* not responsive
* use the wrong technologies for illustration (canvas)
* are not flexible enough while keeping the configuration simple
* are not friendly to your own code
* are not friendly to designers
* have unnecessary dependencies to monolithic libraries
* more annoying things
That's why we have started Chartist.js and our goal is to solve all of the above issues.
## What is it made for?
Chartist's goal is to provide a simple, lightweight and non-intrusive library to responsive craft charts on your website.
It's important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing
a own solution to the problem which is is already solved by the standard. We need to leverage the power of the browsers
today and say good bye to the idea of solving all problems ourselves.
Chartist works with inline-SVG and therefore leverages the power of the DOM to provide parts of its functionality. This
also means that Chartist is not providing it's own event handling, labels, behaviors and anything else that can just be
done with plain HTML, JavaScript and CSS. The single and only responsibility of Chartist is to help you drawing "Simple
responsive Charts" using inline-SVG in the DOM, CSS to style and JavaScript to provide an API for configuring your charts.
## Example site
You can visit this Site http://gionkunz.github.io/chartist-js/ which is in fact a build of the current project.
We are still developing and constantly add features but you can already use Chartist.js in your projects as we have
reached a stable and reliable state already.
## Version notes
We are currently still heavily developing in order to make Chartist.js better. Your help is needed! Please contribute
to the project if you like the idea and the concept and help us to bring nice looking responsive open-source charts
to the masses.
### Important missing stuff
1. Jasmine Tests!
2. Documentation: JSDoc, Getting started documentation and landing page
3. Better accessibility using ARIA and other optimizations
4. Better interfaces to the library (i.e. jQuery with data-* attributes for configuration), Angular.js directive etc.
5. Richer SASS / CSS framework
6. Other charts types (spider etc.)
## Contribution
We are looking for people who share the idea of having a simple, flexible charting library that is responsive and uses
modern and future prove technologies. The goal of this project is to create a responsive charting library where developers
have their joy in using it and designers love it because of the designing flexibility they have.
Contribute if you like the Chartist Guy!
{
"name": "chartist",
"version": "0.1.12",
"main": [
"./libdist/chartist.min.js",
"./libdist/chartist.min.css"
],
"devDependencies": {
"snap.svg": "~0.2.0",
"json3": "~3.2.6",
"es5-shim": "~2.1.0",
"foundation": "~5.1.1",
"highlightjs": "~8.0.0",
"compass-mixins": "~1.0.0",
"codemirror": "~4.5.0",
"base64": "~0.3.0"
},
"ignore": [
".*",
"Gruntfile.js",
"package.json",
"node_modules",
"sitedist",
"source",
"test"
]
}
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
/* Chartist.js 0.1.12
* Copyright © 2014 Gion Kunz
* Free to use under the WTFPL license.
* http://www.wtfpl.net/
*/
.ct-chart .ct-label{fill:rgba(0,0,0,.4);font-size:.75rem}.ct-chart .ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-chart .ct-point{stroke-width:10px;stroke-linecap:round}.ct-chart .ct-line{fill:none;stroke-width:4px}.ct-chart .ct-bar{fill:none;stroke-width:10px}.ct-chart .ct-slice.ct-donut{fill:none;stroke-width:60px}.ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut{stroke:#d70206}.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut){fill:#d70206}.ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut{stroke:#F05B4F}.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut){fill:#F05B4F}.ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-slice.ct-donut{stroke:#F4C63D}.ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut){fill:#F4C63D}.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,.ct-chart .ct-series.ct-series-d .ct-slice.ct-donut{stroke:#453D3F}.ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut){fill:#453D3F}.ct-chart.ct-square{display:block;position:relative;width:100%}.ct-chart.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-chart.ct-square:after{content:"";display:table;clear:both}.ct-chart.ct-square>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-minor-second{display:block;position:relative;width:100%}.ct-chart.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-chart.ct-minor-second:after{content:"";display:table;clear:both}.ct-chart.ct-minor-second>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-second{display:block;position:relative;width:100%}.ct-chart.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.88889%}.ct-chart.ct-major-second:after{content:"";display:table;clear:both}.ct-chart.ct-major-second>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-minor-third{display:block;position:relative;width:100%}.ct-chart.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.33333%}.ct-chart.ct-minor-third:after{content:"";display:table;clear:both}.ct-chart.ct-minor-third>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-third{display:block;position:relative;width:100%}.ct-chart.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-chart.ct-major-third:after{content:"";display:table;clear:both}.ct-chart.ct-major-third>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-chart.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-chart.ct-perfect-fourth:after{content:"";display:table;clear:both}.ct-chart.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-chart.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.66667%}.ct-chart.ct-perfect-fifth:after{content:"";display:table;clear:both}.ct-chart.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-minor-sixth{display:block;position:relative;width:100%}.ct-chart.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-chart.ct-minor-sixth:after{content:"";display:table;clear:both}.ct-chart.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-golden-section{display:block;position:relative;width:100%}.ct-chart.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.8047%}.ct-chart.ct-golden-section:after{content:"";display:table;clear:both}.ct-chart.ct-golden-section>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-sixth{display:block;position:relative;width:100%}.ct-chart.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-chart.ct-major-sixth:after{content:"";display:table;clear:both}.ct-chart.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-minor-seventh{display:block;position:relative;width:100%}.ct-chart.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-chart.ct-minor-seventh:after{content:"";display:table;clear:both}.ct-chart.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-seventh{display:block;position:relative;width:100%}.ct-chart.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.33333%}.ct-chart.ct-major-seventh:after{content:"";display:table;clear:both}.ct-chart.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-octave{display:block;position:relative;width:100%}.ct-chart.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-chart.ct-octave:after{content:"";display:table;clear:both}.ct-chart.ct-octave>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-tenth{display:block;position:relative;width:100%}.ct-chart.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-chart.ct-major-tenth:after{content:"";display:table;clear:both}.ct-chart.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-eleventh{display:block;position:relative;width:100%}.ct-chart.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-chart.ct-major-eleventh:after{content:"";display:table;clear:both}.ct-chart.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-major-twelfth{display:block;position:relative;width:100%}.ct-chart.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.33333%}.ct-chart.ct-major-twelfth:after{content:"";display:table;clear:both}.ct-chart.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.ct-chart.ct-double-octave{display:block;position:relative;width:100%}.ct-chart.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-chart.ct-double-octave:after{content:"";display:table;clear:both}.ct-chart.ct-double-octave>svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
\ No newline at end of file
@import "modules";
@import "settings/chartist-settings";
@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {
display: block;
position: relative;
width: $width;
&:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: $ratio * 100%;
}
&:after {
content: "";
display: table;
clear: both;
}
> svg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size) {
fill: $ct-text-color;
font-size: $ct-text-size;
}
@mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) {
stroke: $ct-grid-color;
stroke-width: $ct-grid-width;
@if ($ct-grid-dasharray) {
stroke-dasharray: $ct-grid-dasharray;
}
}
@mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) {
stroke-width: $ct-point-size;
stroke-linecap: $ct-point-shape;
}
@mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) {
fill: none;
stroke-width: $ct-line-width;
@if ($ct-line-dasharray) {
stroke-dasharray: $ct-line-dasharray;
}
}
@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {
fill: none;
stroke-width: $ct-bar-width;
}
@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {
fill: none;
stroke-width: $ct-donut-width;
}
@mixin ct-chart-series-color($color) {
.#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice}.#{$ct-class-donut} {
stroke: $color;
}
.#{$ct-class-slice}:not(.#{$ct-class-donut}) {
fill: $color;
}
}
@mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) {
.#{$ct-class-label} {
@include ct-chart-label($ct-text-color, $ct-text-size);
}
.#{$ct-class-grid} {
@include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);
}
.#{$ct-class-point} {
@include ct-chart-point($ct-point-size, $ct-point-shape);
}
.#{$ct-class-line} {
@include ct-chart-line($ct-line-width);
}
.#{$ct-class-bar} {
@include ct-chart-bar($ct-bar-width);
}
.#{$ct-class-slice}.#{$ct-class-donut} {
@include ct-chart-donut($ct-donut-width);
}
@if $ct-include-colored-series {
.#{$ct-class-series} {
@for $i from 0 to length($ct-series-names) {
&.#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} {
$color: nth($ct-series-colors, $i + 1);
@include ct-chart-series-color($color);
}
}
}
}
}
@if $ct-include-classes {
.#{$ct-class-chart} {
@include ct-chart();
@if $ct-include-alternative-responsive-containers {
@for $i from 0 to length($ct-scales-names) {
&.#{nth($ct-scales-names, $i + 1)} {
@include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));
}
}
}
}
}
\ No newline at end of file
{
"name": "chartist",
"title": "Chartist.js",
"description": "Simple, responsive charts",
"version": "0.1.12",
"author": "Gion Kunz",
"homepage": "https://gionkunz.github.io/chartist-js",
"repository": {
"type": "git",
"url": "https://github.com/gionkunz/chartist-js.git"
},
"bugs": {
"url": "https://github.com/gionkunz/chartist-js/issues"
},
"keywords": [
"chartist",
"responsive charts",
"charts",
"charting"
],
"files": [
"libdist",
"sitedist",
"LICENSE",
"package.json",
"README.md"
],
"main": "libdist/chartist.js",
"browser": "libdist/chartist.js",
"licenses": [
{
"type": "WTFPL",
"url": "https://github.com/gionkunz/chartist-js/blob/master/LICENSE"
}
],
"dependencies": {},
"devDependencies": {
"grunt": "~0.4.1",
"grunt-autoprefixer": "~0.4.0",
"grunt-concurrent": "~0.4.1",
"grunt-contrib-clean": "~0.5.0",
"grunt-contrib-coffee": "~0.7.0",
"grunt-sass": "~0.12.1",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-connect": "~0.5.0",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-cssmin": "~0.9.0",
"grunt-contrib-htmlmin": "~0.1.3",
"grunt-contrib-imagemin": "~0.3.0",
"grunt-contrib-jshint": "~0.7.1",
"grunt-contrib-uglify": "~0.4.0",
"grunt-contrib-watch": "~0.5.2",
"grunt-newer": "~0.5.4",
"grunt-svgmin": "~0.2.0",
"grunt-usemin": "~2.3.0",
"jshint-stylish": "~0.1.3",
"load-grunt-tasks": "~0.2.0",
"time-grunt": "~0.2.1",
"grunt-contrib-jasmine": "~0.7.0",
"jasmine-fixture": "~1.0.8",
"assemble": "~0.4.36",
"grunt-bower-install": "~1.4.0",
"handlebars-helpers": "~0.5.5",
"seed-random": "~2.2.0",
"grunt-umd": "^1.7.4",
"grunt-doxication": "0.0.4",
"lodash": "^2.4.1",
"grunt-critical": "0.0.3"
},
"engines": {
"node": ">=0.8.0"
},
"scripts": {
"test": "grunt test"
},
"config": {
"banner": "/* Chartist.js <%= pkg.version %>\n * Copyright © <%= year %> Gion Kunz\n * Free to use under the WTFPL license.\n * http://www.wtfpl.net/\n */\n",
"source": "source",
"dist": "sitedist",
"bowerExclude": [
"foundation.css",
"es5-shim.js",
"json3.min.js"
]
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Not Found :(</title>
<style>
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
html {
padding: 30px 10px;
font-size: 20px;
line-height: 1.4;
color: #737373;
background: #f0f0f0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
max-width: 500px;
_width: 500px;
padding: 30px 20px 50px;
border: 1px solid #b3b3b3;
border-radius: 4px;
margin: 0 auto;
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
background: #fcfcfc;
}
h1 {
margin: 0 10px;
font-size: 50px;
text-align: center;
}
h1 span {
color: #bbb;
}
h3 {
margin: 1.5em 0 0.5em;
}
p {
margin: 1em 0;
}
ul {
padding: 0 0 0 40px;
margin: 1em 0;
}
.container {
max-width: 380px;
_width: 380px;
margin: 0 auto;
}
/* google search */
#goog-fixurl ul {
list-style: none;
padding: 0;
margin: 0;
}
#goog-fixurl form {
margin: 0;
}
#goog-wm-qt,
#goog-wm-sb {
border: 1px solid #bbb;
font-size: 16px;
line-height: normal;
vertical-align: top;
color: #444;
border-radius: 2px;
}
#goog-wm-qt {
width: 220px;
height: 20px;
padding: 5px;
margin: 5px 10px 0 0;
box-shadow: inset 0 1px 1px #ccc;
}
#goog-wm-sb {
display: inline-block;
height: 32px;
padding: 0 10px;
margin: 5px 0 0;
white-space: nowrap;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*overflow: visible;
*display: inline;
*zoom: 1;
}
#goog-wm-sb:hover,
#goog-wm-sb:focus {
border-color: #aaa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f8f8;
}
#goog-wm-qt:hover,
#goog-wm-qt:focus {
border-color: #105cb6;
outline: 0;
color: #222;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
</style>
</head>
<body>
<div class="container">
<h1>Not found <span>:(</span></h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
<p>It looks like this was the result of either:</p>
<ul>
<li>a mistyped address</li>
<li>an out-of-date link</li>
</ul>
<script>
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
</script>
<script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
</div>
</body>
</html>
<svg version="1.1" id="guy" viewBox="0 0 486 486" preserveAspectRatio="xMinYMin meet">
<g>
<g id="shadows" opacity="0.1">
<path d="M55.997,405.221c0,3.051,41.857,5.499,93.509,5.499c51.643,0,93.494-2.448,93.494-5.499
c0-3.037-41.851-5.515-93.494-5.515C97.854,399.706,55.997,402.184,55.997,405.221z"/>
<path d="M265.91,405.218c0,1.604,25.276,2.895,56.469,2.895c31.186,0,56.458-1.291,56.458-2.895c0-1.6-25.272-2.905-56.458-2.905
C291.187,402.313,265.91,403.618,265.91,405.218z"/>
<path d="M390.533,405.218c0,1.604,5.264,2.895,11.76,2.895c6.494,0,11.756-1.291,11.756-2.895c0-1.6-5.262-2.905-11.756-2.905
C395.797,402.313,390.533,403.618,390.533,405.218z"/>
</g>
<g id="canvas">
<g>
<g>
<path fill="#844E29" d="M99.383,397.553c-1.92,5.045-5.994,8.171-9.103,6.984l0,0c-3.105-1.187-4.066-6.231-2.144-11.271
l27.838-73.037c1.922-5.04,5.999-8.169,9.103-6.986l0,0c3.108,1.187,4.067,6.237,2.147,11.276L99.383,397.553z"/>
</g>
<g>
<path fill="#844E29" d="M196.125,397.553c1.917,5.045,5.997,8.171,9.101,6.984l0,0c3.106-1.187,4.07-6.231,2.147-11.271
l-27.838-73.037c-1.922-5.04-5.999-8.169-9.108-6.986l0,0c-3.104,1.187-4.063,6.237-2.143,11.276L196.125,397.553z"/>
</g>
<g>
<rect x="50.055" y="189.846" fill="#EADBC4" width="195.399" height="136.78"/>
<path fill="#8C5733" d="M249.363,330.538H46.146v-144.6h203.217V330.538z M53.963,322.721h187.584V193.754H53.963V322.721z"/>
</g>
</g>
</g>
<svg id="chart-canvas" x="50.055" y="189.846" width="195.399" height="136.78" viewBox="0 0 195.399 136.78"></svg>
<g>
<path fill="#231F20" d="M365.406,347.481l0.982,53.303h-8.344l-4.399-40.897c0,0-7.466,1.87-26.572,1.87
c-19.109,0-28.33-1.335-28.33-1.335l-11.923,40.59l-8.343-0.133l10.16-53.469l5.705-2.122l68.967-0.797L365.406,347.481z"/>
</g>
<path fill="#231F20" d="M357.917,400.262c0,0-1.015,2.634-0.089,4.063h6.008v-0.631c0,0,0.641,0.631,3.556,0.664
c2.908,0.023,9.429,0.114,11.37-1.115c0,0,1.387-1.072-1.2-1.129c0,0-5.678,0.844-8.738-0.105c0,0-2.31-0.807-2.357-1.708
C366.466,400.3,361.666,401.316,357.917,400.262z"/>
<path fill="#231F20" d="M287.119,400.262c0,0,1.017,2.634,0.091,4.063h-6.014v-0.631c0,0-0.641,0.631-3.55,0.664
c-2.909,0.023-9.425,0.114-11.371-1.115c0,0-1.376-1.072,1.201-1.129c0,0,5.681,0.844,8.746-0.105c0,0,2.298-0.807,2.354-1.708
C278.576,400.3,283.386,401.316,287.119,400.262z"/>
<g>
<path fill="#231F20" d="M367.541,263.194l9.831,8.097l-11.966,77.11c0,0-18.571,3.236-38.553,3.236
c-19.991,0-38.216-3.312-38.216-3.312l-13.279-76.988l11.974-7.143l34.154,13.281l42.312-12.768L367.541,263.194z"/>
</g>
<path fill="#231F20" d="M374.023,270.917c0,0,34.299,3.662,49.058,46.511l-6.689,3.905c0,0-17.488-37.537-42.646-32.047
L374.023,270.917z"/>
<g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#414042" d="M455.557,147.756c-0.801,5.217-5.587,8.985-10.896,8.468
l-6.288-0.81c7.505-87.959,7.051-87.907-2.574-0.154l-17.126-1.765c7.509-87.96,7.059-87.907-2.57-0.154l-7.24-0.805
c-5.491-0.534-9.554-5.47-9.018-10.963c6.129-74.353,5.82-73.637-2.561,0.761l-0.138,1.374
c-0.566,5.793,3.716,10.997,9.506,11.562l16.726,1.631l-0.83,8.526l6.411,0.626l0.83-8.527l16.727,1.631
c5.79,0.564,10.997-3.714,11.561-9.506l0.101-1.376C464.496,72.451,463.787,74.093,455.557,147.756z"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#844E29" d="M429.494,160.577l-6.416-0.627l-2.663,6.799L397.308,403.73
c0,0.01,0,0.016,0,0.023c-0.111,1.092,2.126,2.203,4.991,2.484c2.867,0.278,5.277-0.38,5.383-1.472c0.004-0.01,0-0.016,0-0.023
l23.113-237.035L429.494,160.577z"/>
</g>
<path fill="#D39C76" d="M422.704,316.815l1.037,1.704c0,0,2.687,1.159,3.317,2.059c0.841,1.234,1.401,2.037,1.974,3.851
c0.559,1.813-6.853,6.974-8.845,6.324c-1.975-0.652-2.015-3.35-2.015-3.35s-0.445,2.204-0.797,3.158
c-0.358,0.982-2.236,1.507-2.921-0.169c-0.728-1.647-0.025-3.652,0.306-5.063c0.323-1.405,1.542-3.278,1.542-3.278l0.266-2.204
L422.704,316.815z"/>
<g>
<path fill="#D39C76" d="M223.65,272.968l-2.672-1.159c0,0-2.254,0.328-3.31-0.209c-1.41-0.712-3.899-2.577-5.352-3.995
c-1.447-1.416-2.411-3.148-2.687-4.152c-0.464-1.767,2.708-6.679,4.91-7.092c2.188-0.384,8.052,4.366,8.052,4.366
s-0.71-2.315-0.864-3.397c-0.146-1.088,1.344-2.521,2.846-1.325c1.497,1.221,1.849,3.445,2.256,4.937
c0.401,1.505,0.205,3.858,0.205,3.858l0.854,2.196L223.65,272.968z"/>
<path fill="#231F20" d="M275.358,271.338c0,0-23.175,16.36-47.895-5.434l-4.644,6.707c0,0,20.482,22.947,60.228,13.9
L275.358,271.338z"/>
</g>
<g>
<path fill="#D70206" d="M364.686,283.888c-1.819-3.882-2.165-9.354-1.941-14.52c-5.225,3.139-13.096,7.187-22.706,10.078
c-5.585,8.248-13.825,13.896-13.825,13.896l-2.406,53.768l6.616,9.878c0,0,11.415-4.414,21.338-6.726
c9.915-2.306,23.438-4.831,23.438-4.831s-3.114-11.776-3-24.361c0.062-7.8,3-23.522,3-23.522S369.188,293.556,364.686,283.888z"/>
</g>
<g>
<path fill="#D70206" d="M324.613,292.854l0.471-0.328c0.023-0.004,0.431-0.299,1.129-0.82c-2.197-1.732-5.705-4.76-8.937-8.645
c-8.197,0.158-16.934-1.004-25.899-4.224c-0.318,1.837-0.773,3.569-1.466,5.051c-4.519,9.668-10.528,13.659-10.528,13.659
s2.938,15.723,3.01,23.522c0.104,12.585-3.01,24.361-3.01,24.361s13.522,2.525,23.445,4.831c9.926,2.312,21.35,6.726,21.35,6.726
l2.23-3.332l-4.224-6.309L324.613,292.854z"/>
</g>
<path fill="#231F20" d="M337.912,337.627c-0.133,2.848-2.553,5.051-5.396,4.912c-2.855-0.132-5.049-2.549-4.916-5.396
c0.132-2.852,2.549-5.049,5.4-4.916C335.844,332.359,338.051,334.775,337.912,337.627z"/>
<path fill="#231F20" d="M339.284,308.496c-0.132,2.852-2.559,5.051-5.4,4.916c-2.854-0.132-5.051-2.547-4.912-5.4
c0.133-2.848,2.543-5.049,5.395-4.912C337.214,303.232,339.417,305.648,339.284,308.496z"/>
<path fill="#231F20" d="M338.601,323.063c-0.133,2.848-2.558,5.049-5.401,4.916c-2.852-0.132-5.051-2.553-4.916-5.4
c0.133-2.848,2.547-5.051,5.4-4.918C336.525,317.795,338.732,320.215,338.601,323.063z"/>
<g id="head">
<g>
<path fill="#75543B" d="M316.574,211.633c0,0,8.435,31.83-21.068,31.83l26.222,9.832l21.53-27.049L316.574,211.633z"/>
<path fill="#B24949" d="M334.372,239.252c0,0-22.004-9.845-31.367,7.018l19.658,5.608L334.372,239.252z"/>
</g>
<g>
<path fill="#D39C76" d="M295.506,242.203c11.187,6.773,26.598,4.005,32.273,0.256c8.082-5.339,8.306-19.212,5.661-20.375
c-0.915-0.407-11.94,8.321-31.836,0.466l2.335-21.066l-31.826-1.407l22.467-66.457c0,0,37.447-18.722,74.884,0v67.299
c1.993-0.861,4.044-1.032,5.877-0.266c4.642,1.956,6.093,9.043,3.245,15.835c-2.003,4.744-5.563,8.021-9.122,8.941v39.227
c0,0-38.372,30.437-80.969,13.105c0,0-13.222-4.966-12.34-21.7C276.155,256.062,275.393,245.005,295.506,242.203z"/>
</g>
<path fill="#BF8862" d="M289.241,267.313c4.742,0,9.64-3.363,9.933-3.577l-0.529-0.765c-0.105,0.061-9.665,6.634-14.415,1.253
c-2.742-3.104-2.925-5.976-2.606-7.854c0.394-2.244,1.757-4.254,3.542-5.244c1.931-1.078,5.049-1.715,7.636-0.731
c1.627,0.612,2.729,1.752,3.328,3.407c0.929,2.61-0.285,4.501-1.084,5.396c-1.391,1.566-3.56,2.435-5.13,2.061
c-1.681-0.39-3.176-1.904-3.488-3.526c-0.17-0.822-0.075-2.017,1.306-2.996c0.844-0.587,1.613-0.769,2.287-0.587
c1.149,0.36,1.713,1.764,1.723,1.784l0.864-0.347c-0.023-0.081-0.731-1.847-2.315-2.321c-0.959-0.295-2.01-0.052-3.108,0.708
c-1.387,0.973-1.976,2.373-1.671,3.939c0.379,1.993,2.146,3.763,4.193,4.247c1.905,0.432,4.448-0.535,6.038-2.345
c1.619-1.808,2.07-4.059,1.268-6.341c-0.675-1.88-2.014-3.261-3.878-3.953c-2.848-1.087-6.293-0.399-8.425,0.787
c-2.044,1.116-3.573,3.394-4,5.905c-0.366,2.078-0.166,5.263,2.813,8.632C285.136,266.673,287.166,267.313,289.241,267.313z"/>
<g>
<path fill="#634128" d="M322.743,167.376c0,2.438,3.327,4.407,7.373,4.407c4.08,0,7.384-1.97,7.384-4.407
s-3.304-4.409-7.384-4.409C326.07,162.967,322.743,164.938,322.743,167.376z"/>
<path fill="#634128" d="M300.015,167.376c0,2.438,3.228,4.407,7.232,4.407c4.003,0,7.253-1.97,7.253-4.407
s-3.25-4.409-7.253-4.409C303.242,162.967,300.015,164.938,300.015,167.376z"/>
</g>
<g>
<path fill="#231F20" d="M370.385,133.598c-0.033-0.007-0.066-0.014-0.108-0.021c-0.062-9.229-0.081-21.111,0.133-28.556
c0.66-22.939,7.451-32.7,2.102-33.735c-5.353-1.034-17.218-3.519-41.704-3.519c-21.931,0-38.58,3.105-43.791,4.138
c-5.212,1.037,3.649,19.666,5.211,33.116c0.736,6.313,0.783,15.91,0.621,24.336c-17.873,3.106-28.286,10.71-30.616,17.658h154.12
C416.352,147.015,403.171,140.195,370.385,133.598z"/>
</g>
<path fill="#353433" d="M311.12,223.019c16.584,17.84,55.861,14.924,58.319-13.076c0.729-8.251-2.638-2.152-5.784,0.342
c-4.637,3.675-13.508,3.738-18.191,0.054c-8.121-6.398-21.927-25.92-34.344-11.528c-12.648-14.393-26.71,5.13-34.988,11.528
c-4.764,3.684-13.806,3.621-18.527-0.054c-3.204-2.495-6.631-8.593-5.896-0.342C254.215,237.943,294.234,240.859,311.12,223.019z"
/>
<g>
<polygon fill="#BF8862" points="369.464,147.015 290.052,147.015 287.353,155 369.464,155 "/>
</g>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g id="head">
<g>
<path fill="#75543B" d="M13.8,20.6c0,0,1.6,5-3.9,5l4.9,1.5l4-4.2L13.8,20.6z"/>
<path fill="#B24949" d="M17.1,25c0,0-4.1-1.5-5.9,1.1l3.7,0.9L17.1,25z"/>
</g>
<g>
<path fill="#D39C76" d="M9.9,25.4c2.1,1.1,5,0.6,6,0c1.5-0.8,1.5-3,1.1-3.2c-0.2-0.1-2.2,1.3-5.9,0.1l0.4-3.3l-5.9-0.2L9.7,8.4
c0,0,7-2.9,14,0v10.6c0.4-0.1,0.8-0.2,1.1,0c0.9,0.3,1.1,1.4,0.6,2.5c-0.4,0.7-1,1.3-1.7,1.4v6.2c0,0-7.2,4.8-15.1,2.1
c0,0-2.5-0.8-2.3-3.4C6.3,27.6,6.1,25.9,9.9,25.4z"/>
</g>
<g>
<path fill="#634128" d="M15.1,14.4c0,0.5,0.9,1,1.9,1c1.1,0,1.9-0.4,1.9-1c0-0.5-0.9-1-1.9-1C16,13.4,15.1,13.9,15.1,14.4z"/>
<path fill="#634128" d="M9.7,14.4c0,0.5,0.8,1,1.9,1c1,0,1.9-0.4,1.9-1s-0.8-1-1.9-1C10.5,13.5,9.7,13.9,9.7,14.4z"/>
</g>
<g>
<path fill="#231F20" d="M23.8,10.5C23.8,10.5,23.8,10.5,23.8,10.5c0-1.5,0-3.3,0-4.5c0.1-3.6,1.4-5.1,0.4-5.3
c-1-0.2-3.2-0.6-7.8-0.6c-4.1,0-7.2,0.5-8.2,0.6C7.3,1,9,3.9,9.3,6c0.1,1,0.1,2.5,0.1,3.8c-3.3,0.5-5.3,1.7-5.7,2.8h26.6
C30.3,12.6,30,11.5,23.8,10.5z"/>
</g>
<path fill="#353433" d="M12.8,22.4c3.1,2.8,10.4,2.3,10.9-2.1c0.1-1.3-0.5-0.3-1.1,0.1c-0.9,0.6-2.5,0.6-3.4,0
c-1.5-1-4.1-4.1-6.4-1.8c-2.4-2.3-5,0.8-6.5,1.8c-0.9,0.6-2.6,0.6-3.5,0c-0.6-0.4-1.2-1.3-1.1-0.1C2.2,24.7,9.6,25.2,12.8,22.4z"/>
</g>
</svg>
/**
* Chartist SVG module for simple SVG DOM abstraction
*
* @module Chartist.svg
*/
/* global Chartist */
(function(window, document, Chartist) {
'use strict';
Chartist.xmlNs = {
qualifiedName: 'xmlns:ct',
prefix: 'ct',
uri: 'http://gionkunz.github.com/chartist-js/ct'
};
Chartist.svg = function(name, attributes, className, insertFirst, parent) {
var svgNs = 'http://www.w3.org/2000/svg',
xmlNs = 'http://www.w3.org/2000/xmlns/';
function attr(node, attributes, ns) {
Object.keys(attributes).forEach(function(key) {
if(ns) {
node.setAttributeNS(ns, [Chartist.xmlNs.prefix, ':', key].join(''), attributes[key]);
} else {
node.setAttribute(key, attributes[key]);
}
});
return node;
}
function elem(svg, name, attributes, className, insertFirst, parentNode) {
var node = document.createElementNS(svgNs, name);
// If this is an SVG element created then custom namespace
if(name === 'svg') {
node.setAttributeNS(xmlNs, Chartist.xmlNs.qualifiedName, Chartist.xmlNs.uri);
}
if(parentNode) {
if(insertFirst && parentNode.firstChild) {
parentNode.insertBefore(node, parentNode.firstChild);
} else {
parentNode.appendChild(node);
}
}
if(attributes) {
attr(node, attributes);
}
if(className) {
addClass(node, className);
}
return node;
}
function text(node, t) {
node.appendChild(document.createTextNode(t));
}
function empty(node) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
}
function remove(node) {
node.parentNode.removeChild(node);
}
function classes(node) {
return node.getAttribute('class') ? node.getAttribute('class').trim().split(/\s+/) : [];
}
function addClass(node, names) {
node.setAttribute('class',
classes(node)
.concat(names.trim().split(/\s+/))
.filter(function(elem, pos, self) {
return self.indexOf(elem) === pos;
}).join(' ')
);
}
function removeClass(node, names) {
var removedClasses = names.trim().split(/\s+/);
node.setAttribute('class', classes(node).filter(function(name) {
return removedClasses.indexOf(name) === -1;
}).join(' '));
}
function removeAllClasses(node) {
node.className = '';
}
return {
_node: elem(this, name, attributes, className, insertFirst, parent ? parent._node : undefined),
_parent: parent,
parent: function() {
return this._parent;
},
attr: function(attributes, ns) {
attr(this._node, attributes, ns);
return this;
},
empty: function() {
empty(this._node);
return this;
},
remove: function() {
remove(this._node);
return this;
},
elem: function(name, attributes, className, insertFirst) {
return Chartist.svg(name, attributes, className, insertFirst, this);
},
text: function(t) {
text(this._node, t);
return this;
},
addClass: function(names) {
addClass(this._node, names);
return this;
},
removeClass: function(names) {
removeClass(this._node, names);
return this;
},
removeAllClasses: function() {
removeAllClasses(this._node);
return this;
},
classes: function() {
return classes(this._node);
}
};
};
}(window, document, Chartist));
\ No newline at end of file
<svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-line"><g><text dx="45" class="ct-label ct-horizontal" dy="459">1</text><text dx="162" class="ct-label ct-horizontal" dy="459">2</text><text dx="279" class="ct-label ct-horizontal" dy="459">3</text><text dx="396" class="ct-label ct-horizontal" dy="459">4</text><text dx="513" class="ct-label ct-horizontal" dy="459">5</text><text dx="630" class="ct-label ct-horizontal" dy="459">6</text><text dx="28" dy="433" text-anchor="end" class="ct-label ct-vertical">0</text><text dx="28" dy="371.57142857142856" text-anchor="end" class="ct-label ct-vertical">2.5</text><text dx="28" dy="310.1428571428571" text-anchor="end" class="ct-label ct-vertical">5</text><text dx="28" dy="248.71428571428572" text-anchor="end" class="ct-label ct-vertical">7.5</text><text dx="28" dy="187.28571428571428" text-anchor="end" class="ct-label ct-vertical">10</text><text dx="28" dy="125.85714285714283" text-anchor="end" class="ct-label ct-vertical">12.5</text><text dx="28" dy="64.42857142857144" text-anchor="end" class="ct-label ct-vertical">15</text></g><g><line x1="43" y1="435" x2="43" y2="5" class="ct-grid ct-horizontal"></line><line x1="160" y1="435" x2="160" y2="5" class="ct-grid ct-horizontal"></line><line x1="277" y1="435" x2="277" y2="5" class="ct-grid ct-horizontal"></line><line x1="394" y1="435" x2="394" y2="5" class="ct-grid ct-horizontal"></line><line x1="511" y1="435" x2="511" y2="5" class="ct-grid ct-horizontal"></line><line x1="628" y1="435" x2="628" y2="5" class="ct-grid ct-horizontal"></line><line x1="43" y1="435" x2="745" y2="435" class="ct-grid ct-vertical"></line><line x1="43" y1="373.57142857142856" x2="745" y2="373.57142857142856" class="ct-grid ct-vertical"></line><line x1="43" y1="312.1428571428571" x2="745" y2="312.1428571428571" class="ct-grid ct-vertical"></line><line x1="43" y1="250.71428571428572" x2="745" y2="250.71428571428572" class="ct-grid ct-vertical"></line><line x1="43" y1="189.28571428571428" x2="745" y2="189.28571428571428" class="ct-grid ct-vertical"></line><line x1="43" y1="127.85714285714283" x2="745" y2="127.85714285714283" class="ct-grid ct-vertical"></line><line x1="43" y1="66.42857142857144" x2="745" y2="66.42857142857144" class="ct-grid ct-vertical"></line></g><g ct:series-name="Fibonacci sequence" class="ct-series ct-series-a"><path d="M43,410.42857142857144 C62.5,406.33333333333326,121,394.04761904761904,160,385.85714285714283C199,377.6666666666666,238,373.5714285714286,277,361.2857142857143C316,349,355,332.6190476190476,394,312.1428571428571C433,291.66666666666663,472,271.19047619047615,511,238.42857142857142C550,205.66666666666666,608.5,136.04761904761904,628,115.57142857142856" class="ct-line" ct:values="1,2,3,5,8,13"></path><line x1="43" y1="410.42857142857144" x2="43.01" y2="410.42857142857144" class="ct-point" ct:value="1"></line><line x1="160" y1="385.85714285714283" x2="160.01" y2="385.85714285714283" class="ct-point" ct:value="2"></line><line x1="277" y1="361.2857142857143" x2="277.01" y2="361.2857142857143" class="ct-point" ct:value="3"></line><line x1="394" y1="312.1428571428571" x2="394.01" y2="312.1428571428571" class="ct-point" ct:value="5"></line><line x1="511" y1="238.42857142857142" x2="511.01" y2="238.42857142857142" class="ct-point" ct:value="8"></line><line x1="628" y1="115.57142857142856" x2="628.01" y2="115.57142857142856" class="ct-point" ct:value="13"></line></g><g ct:series-name="Golden section" class="ct-series ct-series-b"><path d="M43,410.42857142857144 C62.5,407.89771428571424,121,401.86952380952386,160,395.2434285714286C199,388.61733333333336,238,381.3933333333334,277,370.672C316,359.9506666666667,355,348.2628571428572,394,330.9154285714286C433,313.56800000000004,472,294.6561904761904,511,266.5874285714285C550,238.51866666666663,608.5,179.85028571428572,628,162.50285714285718" class="ct-line" ct:values="1,1.618,2.618,4.236,6.854,11.09"></path><line x1="43" y1="410.42857142857144" x2="43.01" y2="410.42857142857144" class="ct-point" ct:value="1"></line><line x1="160" y1="395.2434285714286" x2="160.01" y2="395.2434285714286" class="ct-point" ct:value="1.618"></line><line x1="277" y1="370.672" x2="277.01" y2="370.672" class="ct-point" ct:value="2.618" style="stroke-width: 50px;"></line><line x1="394" y1="330.9154285714286" x2="394.01" y2="330.9154285714286" class="ct-point" ct:value="4.236"></line><line x1="511" y1="266.5874285714285" x2="511.01" y2="266.5874285714285" class="ct-point" ct:value="6.854"></line><line x1="628" y1="162.50285714285718" x2="628.01" y2="162.50285714285718" class="ct-point" ct:value="11.09"></line></g></svg>
\ No newline at end of file
(function(){
'use strict';
// Chartist guy data chart data and options
var optionsChartistGuy = {
width: 195,
height: 137,
chartPadding: 10,
axisX: {
offset: 0,
showLabel: true,
showGrid: true,
labelInterpolationFnc: function(n) {
return n;
}
},
axisY: {
offset: 5,
showLabel: true,
showGrid: true,
labelInterpolationFnc: function(n) {
return Math.round(n / 100000) / 10 + 'm.';
}
}
};
var chartistGuyData = {
labels: ['1st', '2nd', '3rd'],
series: [
{
name: 'Workers',
data: [1283000, 1500000, 5706000]
},
{
name: 'Nobles',
data: [1883000, 2050000, 3706000]
}
]
};
var $chartistGuyElement = $('#chartist-guy');
if($chartistGuyElement.length > 0) {
// Create new snap object from SVG
var chartistGuySnap = Snap($chartistGuyElement.get(0));
// Load Chartist guy SVG
Snap.load($chartistGuyElement.data('svgSrc'), function (fragment) {
chartistGuySnap.append(fragment);
// Add line chart to canvas of Chartist guy :-)
window.Chartist.Line($chartistGuyElement.find('#chart-canvas').get(0), chartistGuyData, optionsChartistGuy);
});
}
}());
---
layout: content
page-class: api-documentation
title: Chartist - API Documentation
description: Detailed documentation of the Chartist.js code and API
---
{{#each (doxTransform apidox)}}
{{>dox-section}}
{{/each}}
\ No newline at end of file
@import "_my-chartist-settings.scss";
@import "chartist/libdist/scss/chartist.scss";
\ No newline at end of file
var data = {
// A labels array that can contain any sort of values
labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
// Our series array that contains series objects or in this case series data arrays
series: [
[5, 2, 4, 2, 0]
]
};
// In the global name space Chartist we call the Line function to initialize a line chart
// As a first parameter we pass in a selector where we would like to get our chart created
// Second parameter is the actual data object
Chartist.Line('.ct-chart', data);
\ No newline at end of file
{{#if button}}<a href="#" class="button" data-toggle-visible="#{{id}}">{{button}}</a>{{/if}}
<pre{{#if id}} id="{{id}}"{{/if}}><code class="{{lang}}">{{code}}</code></pre>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment