From ef03469fec14f1f0358b690934fc173d744f4e7d Mon Sep 17 00:00:00 2001
From: Daniel Baumann It should display a plot of It should display a plot of
+ It should display a plot of the following functions stacked atop one another:
+
+ It should display a plot of the following functions stacked atop one another:
+
+ It should correctly transition between the plots
+
+
+
+ It should correctly render and transition between Set A:
+
+
+
+
+ It should correctly transition between a single series, plotting the functions:
+
+
+
+
+ It should display the first layer of the plot as pink, the second layer as green, and the third layer as blue.
+
+ It should change layer colors automatically when switching between the following categorical color classes on the containing element:
+
+
+
+
+
+
+ Correctly render a multi-series plot of:
+ Correctly hide and show multiple layers
+
+
+
+ Display a plot of Display a plot of
+ Display a plot of the following functions stacked atop one another:
+
+ Display a plot of the following functions stacked atop one another:
+
+ Correctly transition between the plots
+
+
+
+ Correctly render and transition between Set A:
+
+
+
+
+ Correctly transition between a single series, plotting the functions:
+
+
+
+
+ Display the first layer of the plot as pink, the second layer as green, and the third layer as blue.
+
+ Change layer colors automatically when switching between the following categorical color classes on the containing element:
+
+
+
+
+
+
+ Correctly render a multi-series plot of:
+
+ Correctly render the single series plot of:
+
+ Correctly render the multi series plot of:
+
+ Correctly render the Horizontally oriented multi series plot of:
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+ Ensure the chart works with the array, tuple, and key-value data formats.
+ Ensure that we can use ticks option with bar charts.
+ Plot a random selection of points from the Beta(2, 5) distribution as a histogram. Plot a random selection of points from Beta(2, 5) and display in a horizontal histogram. Plot Beta(2, 2) and change number of buckets on the fly.
+
+
+
+
+ |
+
+ Plot beta(2, 5) and change the bucket range on the fly.
+
+
+ |
+
+ |
+
+ Display a plot of Display a plot of
+ Display a plot of the following functions over the range [0, 2π]:
+
+ Correctly transition between the functions
+
+
+
+ Correctly transition between Set A:
+
+
+
+
+
+ Correctly transition between Set A:
+
+
+
+
+ Display the first layer of the plot as pink, the second layer as green, and the third layer as blue.
+
+ Change layer colors automatically when switching between the following categorical color classes on the containing element:
+
+
+
+
+
+
+ Correctly render a multi-series plot of:
+
+ Display a plot of the following functions:
+
+
+
+
+
+
+
+
+
+ Correctly add and remove axes when options are set.
+
+ Correctly resize margins when options are set.
+
+ Correctly resize margins when options are set.
+
+ Correctly resize the chart when the width and height options are set.
+
+
+
+
+
+
+
+ Correctly render a pie chart with three categories:
+
+ Correctly render a donut chart with three categories:
+
+ Correctly transition between set A:
+
+
+
+
+ Correctly transition between set A:
+
+
+
+
+ Override the colors as such:
+
+ Correctly transition between different categorical colors sets.
+
+
+
+
+
+
+ Correctly render a pie chart with three categories:
+
+
+
+
+
+
+
+
+
+
+
+ Render a single random series scatter plot. Render three random scatter series in the same plot.
+ Transition from one random series to another random series. Use the
+ buttons below the plot to initiate the transition.
+
+
+
+
+ Transition from a set of multiple randoms series random series to another of multiple random series. Use the
+ buttons below the plot to initiate the transition.
+
+
+
+
+ Transition from a multi-series set of random data to a single series set of random data.
+
+
+
+ The first series should be pink, the second green, and thrid blue.
+ Correctly transition between different categorical color sets.
+
+
+
+
+
+ Correctly render two random scatter plots when labels are not specified for the layers. Render a single random series scatter plot with different radii.
+
+
+
+
+
+
+
+
+
+
+
+ Basic Area Chart Test
+
+
+
+
+
+
+
+ 1. Single Series
+ y = cos(x) + 1
over the range [0, 2π)
.2. Single Series II
+ y = sin(x) + 1
over the range [0, 2π)
.3. Multi-series Plot
+
+
+ over the range y = x
y = 2x
y = 3x
[0, 10)
.
+
+
+ 4. Multi-series Plot II
+
+
+ over the range [-1, 1).
+
+
+ y = |x|
y = x2
y = |x3|
5. Single Series Transition
+ y = |x|
over the range [-10, 10) and y = x2
over the range [-20, 20). The transition should be initiated when pressing the buttons below the plot.
+ 6. Multi Series Transition
+
+
+ over the range [1, 100). and Set B:
+ y = x
y = 2*x
y = 3*x
+
+ over the range [1, 100). The transition should be initiated when pressing the buttons below the plot.
+
+ y = ln(x)
y = 2*ln(x)
y = 3*ln(x)
7. Single Series to Multi Series Transition
+
+
+ To a multi series set, plotting the functions:
+ y = x2 - 0.5*x
+
+ over the range [1, 4) for all plots. The transition should be initiated when pressing the buttons below the plot.
+
+
+ y = ln(x)
y = x
y = x * ln(x)
8. Layer Color Override
+ 9. Categorical Color Switching
+
+
+ The colors should change when pressing the buttons for each categorical type below the chart.
+
+
+
+
+ category10
category20
category20b
category20c
10. Multi Series without Labels
+
+
+ where the layers are given without labels.
+
+
+ y = sin(x) + 1
y = cos(x) + 1
11. Hide/Show Layers
+ Basic Bar Chart Test
+
+
+
+
+
+
+
+ 1. Single Series
+ y = cos(x) + 1
over the range [0, 2π)
.2. Single Series II
+ y = sin(x) + 1
over the range [0, 2π)
.3. Multi-series Plot
+
+
+ over the range y = x
y = 2x
y = 3x
[0, 10)
.
+
+
+ 4. Multi-series Plot II
+
+
+ over the range [-1, 1).
+
+
+ y = |x|
y = x2
y = |x3|
5. Single Series Transition
+ y = |x|
over the range [-10, 10) and y = x2
over the range [-20, 20). The transition is initiated by pressing the buttons below the plot.
+ 6. Multi Series Transition
+
+
+ over the range [1, 100). and Set B:
+ y = x
y = 2*x
y = 3*x
+
+ over the range [1, 100). The transition is initiated by pressing the buttons below the plot.
+
+ y = ln(x)
y = 2*ln(x)
y = 3*ln(x)
7. Single Series to Multi Series Transition
+
+
+ To a multi series set, plotting the functions:
+ y = x2 - 0.5*x
+
+ over the range [1, 4) for all plots. The transition is initiated by pressing the buttons below the plot.
+
+
+ y = ln(x)
y = x
y = x * ln(x)
8. Layer Color Override
+ 9. Categorical Color Switching
+
+
+ Change the categorical colors by pressing the buttons below the chart.
+
+
+
+
+ category10
category20
category20b
category20c
10. Multi Series without Labels
+
+
+ where the layers are given without labels.
+
+
+ y = sin(x) + 1
y = cos(x) + 1
11. Horizontally Oriented Single Series
+
+
+ using a horizontal orientation.
+
+
+ 12. Horizontally Oriented Multi Series
+
+
+ using a horizontal orientation.
+
+
+ 13. Horizontally Oriented Multi Series Transition
+
+
+ and transition to the single series plot:
+
+
+
+
+ 14. Vertical to Horizontal Transition
+
+ 15. Padding Changes
+
+ 16. Hide/Show Layers
+
+ 17. Data Formatting
+ 18. Bar Ticks
+ Basic Bar Chart Test
+
+
+
+
+
+ 1. Beta(2, 5)
+ 2. Beta(2, 5) Horizontal
+ 3. Option: buckets
+ 4. Options: bucketRange & cutOutliers
+ Basic Line Chart Test
+
+
+
+
+
+
+ 1. Single Series
+ y = cos(x)
over the range [-2π, 2π)
.2. Single Series II
+ y = ex*sin(x)
from [0, &pi)
.3. Multi Series
+
+
+
+
+ x*sin(x)
x*cos(x)
4. Single Series Transition
+ y = 1 / x
and y = x2
over the range [1, 2).
+ Use the buttons below the chart to initiate the transitions.
+ 5. Multi Series Transition
+
+
+ Set B:
+ y = sin(x)
y = x - x3/3! + x5/5!
+
+ and Set C:
+ y = cos(x)
y = 1 - x2/2! + x4/4!
+
+
+
+ y = sin(x) - (x - x3/3! + x5/5!)
y = cos(x) - (1 - x2/2! + x4/4!)
6. Single to Multi Series Transition
+
+
+ Set B:
+ y = ln(x)
+
+
+
+ y = ln(x)
y = x * ln(x)
y = x * ln(x)2
7. Color Override
+ Categorical Colors
+
+
+ Change the categorical colors by pressing the buttons below the chart.
+
+
+ category10
category20
category20b
category20c
9. Multi Series without Labels
+
+
+ where the layers are given without labels.
+
+
+ y = sin(x)
y = cos(x)
10. Multi Series with Fixed Domain
+
+
+ On the domain x*sin(x)
x*cos(x)
[0, 5]
and range [0, 4]
.
+
+
+ 11. Show/Hide Layers
+
+ 12. Multi-axis
+
+ Basic Chart Model / Data Test
+
+
+ Basic Chart Options and Events
+
+
+
+
+ 1. Axes
+ 2. Margins
+ 3. Ticks and Tick Formats
+ 4. Resize
+ 6. Option: domain
+
+ 7. Option: range
+
+ Basic Pie Chart Test
+
+
+
+
+
+ Basic Pie Test
+
+
+
+
+ 2. Basic Donut Test
+
+
+
+
+ 3. Pie Tranisition I
+
+
+ and set B:
+
+
+ Use the buttons below the chart to initiate the transitions.
+
+
+ 4. Pie Tranisition II
+
+
+ and set B:
+
+
+ Use the buttons below the chart to initiate the transitions.
+
+
+ 5. Color Override
+
+
+
+
+ 6. Categorical Colors
+ 7. Pie Chart Layers without Labels
+
+
+ when the layers are not provided labels.
+
+
+ 8. Margin Changes
+
+ 9. Inner Changes
+
+ 10. Show/Hide Layers
+
+ Basic Scatter Plot Test
+
+
+
+
+
+ 1. Single Series
+ 2. Multi Series
+ 3. Single Series Transition
+ 4. Multi Series Transition
+ 5. Multi Series Transition II
+ 6. Color Override
+ 7. Categorical Colors
+ 8. Multi Series without Labels
+ 9. Single Series with Radius
+ 10. Radius Change
+
+ 11. Show/Hide Layers
+
+ Epoch Chart Rendering Tests
+
+ Basic Charts
+
+
+ + ++
+ + ++
+ Correctly render a single series plot of y = cos(x) + 1
over the range [0, 2π]
.
+
+ Correctly render a single series plot of y = sin(x) + 1
. When the button is pressed push a new data point to the chart and correctly animate/render the transiton.
+
Correctly play / pause a single series stream of values from the plot y = cos(x) + 1
.
Correctly render a multi series plot of the following functions:
+y = log(x+1)
y = 2*log(x+1)
y = 3*log(x+1)
+ Correctly render a multi series plot of the following functions: +
y = x
y = x1.25
y = x1.5
+ +
++ Correctly play / pause a multi series stream of values over the following plots: +
x
x * log(x)
x * log2(x)
The first layer should pink, the second green, and the third blue.
+ +Correctly render and switch between different categorical colors. Unlike with the basic charts this doesn't occur just by switching the class name on the containing element. The CSS query engine must be purge and the plot must be manually redrawn, like so:
+
+Epoch.QueryCSS.purge();
+chart.draw();
+
+ + + + +
++ + + | + +
+
+ Render a single series plot of y = cos(x)
. Instead of automatically setting the range to [-1, 1]
, the range is manually set to [-2, 5]
.
+
+ Correctly render a single series plot of y = cos(x) + 1
over the range [0, 2π]
.
+
+ Correctly render a single series plot of y = sin(x) + 1
. When the button is pressed push a new data point to the chart and correctly animate/render the transiton.
+
Correctly play / pause a single series stream of values from the plot y = cos(x) + 1
.
Correctly render a multi series plot of the following functions:
+y = log(x+1)
y = 2*log(x+1)
y = 3*log(x+1)
+ Correctly render a multi series plot of the following functions: +
y = x
y = x1.25
y = x1.5
+ +
++ Correctly play / pause a multi series stream of values over the following plots: +
x
x * log(x)
x * log2(x)
The first layer should pink, the second green, and the third blue.
+ +Correctly render and switch between different categorical colors. Unlike with the basic charts this doesn't occur just by switching the class name on the containing element. The CSS query engine must be purge and the plot must be manually redrawn, like so:
+
+Epoch.QueryCSS.purge();
+chart.draw();
+
+ + + + +
++ + + | + +
+
+ Render a single series plot of y = cos(x) + 1
. Instead of automatically setting the range to [0, 2]
, the range is manually set to [0, 5]
.
+
Display a single value of 25%
+ +Display value of 0% and transition to a random value when the button is pressed.
+ + +Display value of 0% and transition to a random value every second when the button is pressed.
+ + +Display the four built-in gauge sizes in this order: tiny, small, medium, large.
+ + + + ++ Override the basic gauge styles with the following +
+ | + + +
++ | + + + + +
++ | + + + + +
++ | + + + +
++ | + + +
+Select random values from the normal distribution and display them with the heatmap.
+ +Select random values from the Beta(2, 5) distribution and display them with the heatmap.
+ ++ Plot the normal distribution and transition a new element when the button is pressed. +
+ + ++ Plot the Beta(2, 5) distribution and begin streaming new elements each second once the + button is pressed. +
+ + +Change the bucket base color to orange and plot the Beta(2, 2) distribution.
+ ++ Plot the Beta(2,5) and Normal distributions as two layers in a single heatmap. Stream elements to the plot + by pressing the button. The normal distribution layer is in blue and the beta in green. +
+ + ++ Plot the normal distribution and the Beta(2, 5) distribution overrding normal to be in red, and beta to + be in purple. +
+ ++ Discrete bucketing of sparse histogram values should produce similar looking graphs regardless + of numeric relation between the range of the plot and the number of buckets. +
++ | + + + +
++ | + + + + + +
++ | + + + + +
++ | + + +
++ | + +
++ + | + +
+
+ Correctly render a single series plot of y = cos(x) + 1
over the range [0, 2π]
.
+
+ Correctly render a single series plot of y = sin(x) + 1
. When the button is pressed push a new data point to the chart and correctly animate/render the transiton.
+
Correctly play / pause a single series stream of values from the plot y = cos(x) + 1
.
Correctly render a multi series plot of the following functions:
+y = log(x+1)
y = 2*log(x+1)
y = 3*log(x+1)
+ Correctly render a multi series plot of the following functions: +
y = x
y = x1.25
y = x1.5
+ +
++ Correctly play / pause a multi series stream of values over the following plots: +
x
x * log(x)
x * log2(x)
The first layer should pink, the second green, and the third blue.
+ +Correctly render and switch between different categorical colors. Unlike with the basic charts this doesn't occur just by switching the class name on the containing element. The CSS query engine must be purge and the plot must be manually redrawn, like so:
+
+Epoch.QueryCSS.purge();
+chart.draw();
+
+ + + + +
++ + + | + +
+
+ Render a single series plot of y = cos(x)
. Instead of automatically setting the range to [-1, 1]
, the range is manually set to [-2, 5]
.
+
+ Render a plot that uses independent axes ranges for the left and + right sides. +
+ ++ Render a plot that uses independent axes ranges for the left and + right sides that are associated to labels in the chart data. +
+ +Correctly Resize a Real-time Chart.
+ ++ | + + + +
++ | + + +
++ | + + +
++ | + + + +
+