Collapses all nodes and performs the drill-up of all hierarchies in the slice on the grid.

webdatarocks.collapseAllData();

Check out the CodePen example.

**expandAllData**(withAllChildren: Boolean)

Expands all nodes and performs the drill-down of all hierarchies in the slice on the grid.

Name | Type | Description |
---|---|---|

withAllChildren | Boolean | optional Defines whether to drill down all levels of all hierarchies or not. Set this property to `false` to expand all nodes and not to drill down hierarchies. Default value is `true` . |

1) Expand all nodes and drill down all hierarchies in the slice:

webdatarocks.expandAllData();

Check out the CodePen example.

2) Expand all nodes without drilling down the hierarchies in the slice:

webdatarocks.expandAllData(false);

**dataloaded**: String

The event is triggered once the component loads data.

**Example**

webdatarocks.on('dataloaded', function(){

alert('Data loaded!');

});

Check out the CodePen example.

**Correlation** is a powerful statistical concept that refers to a **linear **relationship between variables. *It lies in the center of regression analysis techniques. *

*And when it comes to visualizing relationships between variables, you cannot avoid using charts. *They are a great assistance in assessing the quality of predictive regression models.

*Charts that show correlation* are used at the first step toward detection of cause-effect relationships (*but one should remember that correlation doesn’t always imply causation*).

In this article, we’ll to cover the purpose and the structure of two basic charts – a scatter plot and bubble chart.

*A classical chart for any statistician* when it comes to correlation and distribution analysis. It’s perfect for searching distribution trends in data.

*Structure *

The variable on the y-axis is a dependent variable while the x-axis variable – independent.

*Purpose*

Use it to check whether there is any relationship between two variables. The presence of a certain kind of relationship simply means that changes in the independent variable lead to changes in values of the dependent variable.

With this chart, you can also notice anomalies or clusters in data.

*Recommendations*

- The more data, the better – include as much data points as you can.
- To measure how strong the linear relationship is, a single chart is not enough – you need to calculate a correlation coefficient. The sign of the correlation coefficient can be defined by the direction of the line on the plot.
- Data points of each variable should be depicted with different colors so as to be able to distinguish them easily.
- You can transform the horizontal axis into a
*logarithmic scale*– this way you’ll see the relationships between more widely distributed points.

*Example*

Check the relationship between the spent amount of hours studied and final grades results

If data points are scattered in a random pattern or form a curve, that means that there is no correlation. However, it’s possible that there is a **non-linear relationship** between variables.

A bubble chart is simply a variation of a scatter chart.

*Purpose*

Use it to identify the relationship between data points.

The **bubble chart** is essential for visualizing the 3- or 4-dimensional data on the plane.

*Structure*

The x-axis corresponds to an independent variable, the y-axis – to a dependent. The third and fourth variables can be represented by the *size *of a data point and its *color*. The size should be proportional to the value of the dependent variable and the color should correspond to a certain category.

*Recommendations*

- If you can want to show time, you can add animation to present how the values of the variables change over time.
- Limit the number of bubbles – don’t use too many of them. Otherwise, a plot may become hard to read.
- Rather than labeling each value, add tooltips which appear once you hover over the bubbles and show hidden information. Such an interactive approach can help keep your chart not overcluttered and laconic.

*Examples*

- Identify the correlation between life expectancy, fertility rate and the population of countries

- The brightest example of using this kind of chart is for
**project assessment**: the projects can be evaluated by cost, risks, and value. The higher the value, the farther this project is to the right part of the chart. And the higher the risks, the closer the project is to the top of the chart. The size depicts its expected ROI. Such an approach helps companies to choose projects to invest in.

Today we’ve discussed the charts which are widely used in predictive analytics.

We aim to share with you the most important information related to data visualization.

To deepen your knowledge about charts, check out other parts of the **data visualization project**:

- Power of Data Visualization and Charts
- Best Charts to Show Discrete Data
- Charts for Comparison Over Time
- How to Choose Charts to Show Data Composition
- Best Charts to Show Data Distribution

If you want to visualize aggregated data in charts, you can integrate WebDataRocks Pivot Table with Google Charts or Highcharts: