Skip to content

Commit

Permalink
Linting fixes
Browse files Browse the repository at this point in the history
Copyright messages
  • Loading branch information
pjm17971 committed Sep 4, 2015
1 parent 27ffc28 commit 494ea07
Show file tree
Hide file tree
Showing 90 changed files with 1,522 additions and 2,541 deletions.
7 changes: 3 additions & 4 deletions .eslintrc
Expand Up @@ -28,10 +28,9 @@
"no-dupe-keys": 2,
"no-duplicate-case": 2,
"no-empty": 2,
"no-empty-class": 2,
"no-empty-character-class": 2,
"no-ex-assign": 2,
"no-extra-boolean-cast": 2,
"no-extra-parens": 0,
"no-extra-semi": 2,
"no-func-assign": 2,
"no-inner-declarations": [
Expand Down Expand Up @@ -181,7 +180,7 @@
"no-ternary": 0,
"no-trailing-spaces": 2,
"no-underscore-dangle": 0,
"no-wrap-func": 2,
"no-extra-parens": 0,
"one-var": [
2,
"never"
Expand Down Expand Up @@ -242,7 +241,7 @@
"nonwords": false
}
],
"spaced-line-comment": [
"spaced-comment": [
2,
"always"
],
Expand Down
1 change: 0 additions & 1 deletion .npmignore
@@ -1,5 +1,4 @@
lib/
!build/npm/lib
examples/
screenshots/
docs/
Expand Down
7 changes: 4 additions & 3 deletions LICENSE
@@ -1,6 +1,7 @@
"ESnet React Charts, Copyright (c) 2014, The Regents of the University of California,
through Lawrence Berkeley National Laboratory (subject to receipt of any
required approvals from the U.S. Dept. of Energy). All rights reserved."
"ESnet React Timeseries Charts, Copyright (c) 2015, The Regents of the
University of California, through Lawrence Berkeley National Laboratory
(subject to receipt of any required approvals from the U.S. Dept. of Energy).
All rights reserved."

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
Expand Down
13 changes: 8 additions & 5 deletions README.md
Expand Up @@ -2,18 +2,21 @@

This library contains a set of modular charting components used for building flexible interactive charts. It was built for React from the ground up, specifically to visualize timeseries data and network traffic data in particular. Low level elements are constructed using d3, while higher level composability is provided by React. Charts can be stacked as rows, overlayed on top of each other, or any combination, all in a highly declarative manner.

The library is used thoughout the public facing [ESnet Portal](http://my.es.net).

Current features of the library include:

* Declarative layout of charts using JSX
* Interactivity, including pan and zoom
* Add new chart types or overlays
* Multiple axis, multiple rows
* Line, area and scatter charts
* Line, area, scatter charts
* Brushing
* Timeseries tables
* Legends
* Baseline and TimeRange markers

Please see the examples for a feel for the library, or read on to get started.
Please browse the examples for a feel for the library, or read on to get started.

Getting started
---------------
Expand All @@ -26,7 +29,7 @@ Once installed, you can import the necessary components from the library:

import { Charts, ChartContainer, ChartRow, YAxis, LineChart } from "react-timeseries-charts";

Then we construct our chart in the `render()` function of our component. The code to generate the above chart, specified in JSX, looks like this:
Then we construct our chart in the `render()` function of our component. For a simple example we create a chart with two line charts on it, specified in JSX:

<ChartContainer timeRange={series1.range()} padding="5">
<ChartRow height="200">
Expand All @@ -43,14 +46,14 @@ At the outer layer, we add a `ChartContainer` which contains our timerange for t

For the next layer of the layout we make a `ChartRow`. We can have multiple charts stacked on top of each other by using more than one row. In this case we just have one row. Each row has a specific height in the layout, so we specify that as 200px high here.

Next up we want to put something in our row. Rows contain a central flexible sized area in which charts can be added. This area is surrounded in the JSX by the `<Charts>` tag. Each chart in this area is overlaid on top of each other. In this case we are adding two `LineChart`s, one for each of our series and so they will be drawn on top of each other. For scaling each chart will reference an axis that will define the scale and display the y-scale.
Next up we want to put something in our row. Rows contain a central flexible sized area in which charts can be added. This area is surrounded in the JSX by the `<Charts>` tag. Each chart in this area is overlaid on top of each other. In this case we are adding two `LineChart`s, one for each of our series. As a result they will be drawn on top of each other. For scaling each chart will reference an axis that will define the scale as well as display that scale visually as the y-axis.

Finally, we specify the axes that the charts reference. These go either before or after the `Charts` group, depending on if you want the axis before (to the left) or after the charts (to the right). You can specify any number of axes on either side. For each `YAxis` you specify the `id` so that a chart can reference it, the `label` you want displayed alongside the axis and, importantly, the scale using `min` and `max`. You can also specify the `width`, the `type` of the axis (`linear`, `log`, etc) and the `format`.

Data format
-----------

This charting library is built on the ESnet timeseries library called Pond. Pond was essentially created to provide a common representation for things like timeseries, timeranges, events and other structures. For the purpose of using the charting library, you need to create a TimeSeries() object as your series, which will be rendered by the chart code. For example:
This charting library is built on the ESnet timeseries library called [Pond](http://software.es.net/pond). Pond was created to provide a common representation for things like timeseries, timeranges, events and other structures. For the purpose of using the charting library, you need to create a TimeSeries() object as your series, which will be rendered by the chart code. For example:

import {TimeSeries, TimeRange} from "pond";

Expand Down
51 changes: 0 additions & 51 deletions docs/areachart.md

This file was deleted.

26 changes: 0 additions & 26 deletions docs/barchart.md

This file was deleted.

32 changes: 0 additions & 32 deletions docs/baseline.md

This file was deleted.

8 changes: 0 additions & 8 deletions docs/brush.md

This file was deleted.

17 changes: 0 additions & 17 deletions docs/chartcontainer.md

This file was deleted.

9 changes: 0 additions & 9 deletions docs/chartrow.md

This file was deleted.

12 changes: 0 additions & 12 deletions docs/charts.md

This file was deleted.

9 changes: 0 additions & 9 deletions docs/eventchart.md

This file was deleted.

8 changes: 0 additions & 8 deletions docs/eventrect.md

This file was deleted.

13 changes: 0 additions & 13 deletions docs/labelaxis.md

This file was deleted.

12 changes: 0 additions & 12 deletions docs/legend.md

This file was deleted.

20 changes: 0 additions & 20 deletions docs/linechart.md

This file was deleted.

12 changes: 0 additions & 12 deletions docs/pointindicator.md

This file was deleted.

10 changes: 0 additions & 10 deletions docs/resizable.md

This file was deleted.

20 changes: 0 additions & 20 deletions docs/scatterchart.md

This file was deleted.

8 changes: 0 additions & 8 deletions docs/timeaxis.md

This file was deleted.

8 changes: 0 additions & 8 deletions docs/tracker.md

This file was deleted.

0 comments on commit 494ea07

Please sign in to comment.