You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This section digs deeper into TauCharts. Start with [TauCharts Language](tauchartslanguage.md) and then check other sections. You will understand how to create quite advanced charts, mix several charts together and use visual encoding.
1
+
This section digs deeper into Taucharts. Start with [Taucharts Language](tauchartslanguage.md) and then check other sections. You will understand how to create quite advanced charts, mix several charts together and use visual encoding.
Copy file name to clipboardExpand all lines: advanced/tauchartslanguage.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
-
## TauChart language
1
+
## Taucharts language
2
2
3
-
The flexibility of TauChart library is powered by Charts Intermediate Language (CIL) which is inspired by Leland Wilkinson's work "Grammar of Graphics".
3
+
The flexibility of Taucharts library is powered by Charts Intermediate Language (CIL) which is inspired by Leland Wilkinson's work "Grammar of Graphics".
4
4
5
5
CIL is a declarative language which describes the following aspects:
@@ -91,7 +91,7 @@ By default inner element inherits parent properties like x, y, guide.
91
91
92
92
Here is how declarative specification transforms to a visual plot in 3 main steps:
93
93
94
-
1.**Build logical structure**. TauChart plot engine expands CIL specification to a tree structure based on data domain.
94
+
1.**Build logical structure**. Taucharts plot engine expands CIL specification to a tree structure based on data domain.
95
95
2.**Calculate Layout**. On this step layout engine traverses tree structure and calculates physical position and size for each item to fit the plot into the given area.
96
96
3.**Draw**. On this stage the engine traverses the layout tree from previous step and calls drawer for each item with corresponding configuration.
Copy file name to clipboardExpand all lines: basic/composite.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
## Composite charts
2
2
3
-
TauCharts API focuses on flexible composition architecture instead of rich taxonomy of chart types like many other libraries.
3
+
Taucharts API focuses on flexible composition architecture instead of rich taxonomy of chart types like many other libraries.
4
4
5
5
This approach allows to build a facet charts by nesting coordinates into coordinates recursively as well as display many different elements (e.g. points, bars, lines) on the chart grid.
Copy file name to clipboardExpand all lines: basic/facet.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ The Grammar of Graphics provides the following description of the *facet* term:
4
4
5
5
> The facet implies a little face, such as one of the sides of an object (e.g., a cut diamond) that has many faces. The word is useful for describing an object that creates many little graphics that are variations of a single graphic. In a graphical system, facets are frames of frames. Because of this recursion, facets make frames behave like points in the sense that the center of a frame can be located by coordinates derived from a facet. Thus we can use facets to make graphs of graphs or tables of graphs
6
6
7
-
Simply speaking, in TauCharts facet charts group variables using X and Y coordinates. Facet charts help to compare information with many variables. You can use various combinations of axes to have just a single row: Y, X, X or a single column: Y, Y, X.
7
+
Simply speaking, in Taucharts facet charts group variables using X and Y coordinates. Facet charts help to compare information with many variables. You can use various combinations of axes to have just a single row: Y, X, X or a single column: Y, Y, X.
8
8
9
9
Here is an example of a facet chart. As you see, there are 4 variables encoded using X and Y coordinates. First, on Y axis we see Teams and every small chart Y axis shows how many entities each team completed. X axis shows projects (TP and TP3) and then months.
Copy file name to clipboardExpand all lines: basic/guide.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -79,7 +79,7 @@ Ticks are small indicators on an axis that shows axis values.
79
79
80
80
#### tickFormat
81
81
82
-
*guide* allows to format tick labels using *tickFormat* property. TauCharts uses d3-based formatter. Check available [d3 format specifiers](https://github.com/mbostock/d3/wiki/Formatting#d3_format).
82
+
*guide* allows to format tick labels using *tickFormat* property. Taucharts uses d3-based formatter. Check available [d3 format specifiers](https://github.com/mbostock/d3/wiki/Formatting#d3_format).
83
83
84
84
In the example below ticks on *x* axis are formatted using SI-prefix (e.g. "22000" printed as "22k").
TauCharts requires the source data to be provided in a form of structured table which can be expressed in javascript as an array of same-typed objects (e.g. in example above: name, age, gender, hasChild).
25
+
Taucharts requires the source data to be provided in a form of structured table which can be expressed in javascript as an array of same-typed objects (e.g. in example above: name, age, gender, hasChild).
26
26
27
-
By default TauCharts try to detect a dimension type which can be a category, order or measure.
27
+
By default Taucharts try to detect a dimension type which can be a category, order or measure.
28
28
29
29
***Category**: Represents data that can't be compared. Let's say, list of countries or names.
30
30
***Order**: As you might guess, represents data that can be ordered, but you can't say how bigger one value from the other. For example, you can say that Must Have is more important than Nice to Have, but you can't say that Must Have is twice as important.
31
31
***Measure**: That is easy. You can compare these variables, add them, multiply them, etc.
32
32
33
-
Using dimension type TauCharts tries to find the most appropriate scale for a dimension. Here is a list of default scales for corresponding dimension types:
33
+
Using dimension type Taucharts tries to find the most appropriate scale for a dimension. Here is a list of default scales for corresponding dimension types:
34
34
35
35
| type | scale |
36
36
| -- | -- |
@@ -67,7 +67,7 @@ var plot = new tauCharts.Chart({
67
67
68
68
You should pass data property as a primitive type (string, boolean) and define an **order** array that provides the order of categories.
69
69
70
-
For example, we have *priority* property in the data. It can be ordered, but TauCharts don't have a clue how to do that. In *dimensions* section you describe *priority* as *order* and set ['Low', 'Medium', 'High'] order.
70
+
For example, we have *priority* property in the data. It can be ordered, but Taucharts don't have a clue how to do that. In *dimensions* section you describe *priority* as *order* and set ['Low', 'Medium', 'High'] order.
71
71
72
72
```javascript
73
73
{
@@ -100,7 +100,7 @@ For example, we have *priority* property in the data. It can be ordered, but Tau
100
100
101
101
#### Nested objects in DataSource (DEPRECATED)
102
102
103
-
In previous examples we used only primitive values in data. TauCharts API allows you to pass nested objects as well. In this case you should specify which property is an identity and which property should be on axis ticks.
103
+
In previous examples we used only primitive values in data. Taucharts API allows you to pass nested objects as well. In this case you should specify which property is an identity and which property should be on axis ticks.
104
104
105
105
This can be useful for visualizing complex entities which *potentially* can have non-unique names but have to be tracked by their unique identity (for example, Cities are non-unique).
106
106
@@ -164,7 +164,7 @@ You can use nested objects to specify *ordered* dimensions:
164
164
165
165
#### Time-based dimensions
166
166
167
-
In TauCharts time-based data is expressed as *order* or *measure* dimension type on *period* or *time* scale.
167
+
In Taucharts time-based data is expressed as *order* or *measure* dimension type on *period* or *time* scale.
0 commit comments