Data visualization is the presentation of data in a pictorial or graphical format in order to amplify cognition. Visual storytelling is about finding a story in our data, presenting and communicating that story, making it understandable and insightful to any audience. In today’s world, an incredible amount of data is generated, collected, analyzed and used in making informed decisions, uncovering patterns, finding anomalies or predicting future outcomes, and numerical simulations are not an exception. Thanks to the technological advances in hardware and software, we can obtain a large amount of data in a very affordable time span, numerical simulations are not anymore

“run a few simulations and wait long times”. We should be ready to analyze and communicate the data generated from numerical simulations (or any other field) in a way that yields insight and understanding. We should also support data manipulation, filtering, cross-relating and visual thinking by using interactive systems. In this presentation, we will introduce a web-based data visualization and analysis toolkit, aimed at helping people to gather, understand and communicate data through the use of interactive systems for data analytics and exploratory data analysis. The toolkit incorporates many charts and plots that let the user visually explore the data in an interactive way, and it makes use of descriptive statistics and machine learning tools for data analytics. We will demonstrate how the framework works by using data sets obtained from numerical simulations and data scrapped from the web. The framework is based in javascript, D3.js, html5, python and R and can be run from any device (pc, tablet, smartphone).

**Dataset 1 - Design space exploration dataset**

- http://wolfDynamics.github.io/opt/p1/dataset1/1_boxplot
- http://wolfdynamics.github.io/opt/p1/dataset1/2_histograms
- http://wolfdynamics.github.io/opt/p1/dataset1/3_regression
- http://wolfdynamics.github.io/opt/p1/dataset1/4_hexbin

**Dataset 2 - Design space exploration and optimization dataset**

- http://wolfdynamics.github.io/opt/p1/dataset2/1_boxplot
- http://wolfdynamics.github.io/opt/p1/dataset2/2_histograms
- http://wolfdynamics.github.io/opt/p1/dataset2/3_regression
- http://wolfdynamics.github.io/opt/p1/dataset2/4_hexbin
- http://wolfdynamics.github.io/opt/p1/dataset2/5_parallel_coordinates
- http://wolfdynamics.github.io/opt/p1/dataset2/6_pareto_scatter

**Dataset 3 - Effectiveness of three antibiotics against 16 different bacteria dataset**

- http://wolfdynamics.github.io/opt/p1/dataset3/1_boxplot
- http://wolfdynamics.github.io/opt/p1/dataset3/2_scatterplot

**Dataset 4 - Sport analytics dataset**

- http://wolfdynamics.github.io/opt/p1/dataset4/1_scatterplot
- http://wolfdynamics.github.io/opt/p1/dataset4/2_boxplot

**Dataset 5 - US airline performance dataset. Cross-filtering and interactive dashboard**