Information design – Smart Campus

Questa pagina raccoglie esempi, metodi e strumenti per l’information design e la data visualisation.
Vedi anche: History Modeling and Visualization Methods

Data Visualisation

10 visualisations that changed the world of information design (link)
Reimagine the Game (di Valentina D’Efilippo) (intro – dashboard)
Poppy Field (di Valentina D’Efilippo) (site)

Data Visualisation > Animation

How can you make your data visualizations more engaging and easier to understand? Static plots show the result, but they often miss the process behind it. Animated visualizations allow you to reveal how values change over time and how uncertainty develops step by step. The animation below shows an example of a time series together with its future projection. The blue line represents the observed data, while the shaded area shows the range of possible future values. As the animation progresses, you can see how uncertainty increases the further you move into the future. Please note that this example is not intended to present the best possible forecast. Instead, it demonstrates how powerful animated visualizations can be for communicating dynamic behavior and uncertainty. In a recent Statistics Globe Hub module, you will learn step by step how to create animated visualizations using the magick package in R, combine multiple plots into image sequences, and turn them into smooth animations. The Statistics Globe Hub is an ongoing learning program focused on practical skills in statistics, data science, AI, and programming with R and Python. More info: statisticsglobe.com/hub (more info)

Data Visualisation > People

Valentina D’Efilippo (site)
Giorgia Lupi (site)
Gregor Aisch (site Driven by data)

Tools e ambienti di sviluppo

SandDance Microsoft – Visually explore, understand, and present your data (example)

Charts.css – CSS data visualization framework

Chart.js – Provides a set of frequently used chart types, plugins, and customization options. (esempi)

Tools di presentazione

D3.JS – Is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

Observable – Explore, analyze and explain data

Bokeh makes – it simple to create common plots, but also can handle custom or specialized use-cases. Work in Python close to all the PyData tools you are already familiar with.

Tools di disegno diagrammi, network, flussi

Graphviz is open source graph visualization software. Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. (Esempi)

Gephi, desktop doftware for interactive Exploratory Data Analysis.

Gnuplot – Is a portable command-line driven graphing utility for Linux, Windows, macOS, OS/2, VMS, and other platforms. Gnuplot has been supported and under active development since 1986.

GNU Octave – Scientific Programming Language

Real time data visualization

Grafana OSS – Visualize your data, optimize your performance

Formati

Vega – A declarative format for creating, saving, and sharing visualization designs.

Organizzazioni, istituzioni

UW Interactive Data Lab – Washington University

Esempi e applicazioni

VisualCAD – Mappa del Codice dell’Amministrazione Digitale

Ren Yuan – Visualization and sonification con numpy, pandas e matplotlib (vedi gallery)

Visualization and sonification 🎹 of the @github commit history of the @numpy_team, @pandas_dev, and @matplotlib repositories. pic.twitter.com/wbvN1YbimJ

— Ren Yuan (@_renyuan) December 31, 2024