Animated Bar Chart

This component generates an animated bar chart where the bars race over time, increasing in range. This animated visualization is popular to visualize different entities competing or simply changing over time on a selected metric. Examples are stock prices of different companies, disease confirmed cases by country, social media activity by users, ... all of those over time.

The visualization is defined via the Generic JavaScript node using d3.js, but settings are available in the component dialogue to customize:
- the title above the chart;
- the label displaying the time and its size and position;
- bins with too small values;
- the cumulative sum over time;
- which are the 3 columns storing the metric values, the categories and the timestamps.

Additional settings can be customized by editing the workflow or even the JavaScript code: simply remove the link of the shared component and edit the nodes inside.

Input ports

1. Type: Table
   Metric Over Category Over Time
   The input table should provide for each row the category (to be represented as a colored bar), an integer or double value (to be represented via the size of the bar) and a timestamp (to define the time axis for the animation). If a category is missing for a given time unit the component will consider the category value to be zero at that point in time. The timestamps should be provided in the dedicated KNIME column type via the String to Date&Time node. Timestamps should be uniformly distributed in time and of identical format: if a timestamp is missing for all categories, the visualization won’t pause but it will proceed to the next available timestamp.