• Home

  • Documents

  • Edinburgh University March 2019 Benjamin Bach The Human...
52
Visualization Tools The Human Factor Benjamin Bach March 2019 Edinburgh University [email protected]

Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Visualization ToolsThe Human Factor

Benjamin Bach March 2019

Edinburgh University

[email protected]

Page 2: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 3: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Differing in● Visualization● Data sets ● Aesthetics● Usability● Accessibility● Scalability ● Integration into worksflows● ...

Page 4: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Overview

Variety

Workflows

Page 5: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Generic

Specific

Coding UsingDesigning

Toolspace

Page 6: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Generic

Specific

Coding UsingDesigning

Toolspace

Page 7: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

DataWrapper https://www.datawrapper.de/

Page 8: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

DataWrapper https://www.datawrapper.de/

Page 9: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
https://docs.google.com/file/d/1BLKKCj3h2UQdX5shqG_BtUqzgLh4NJwF/preview
Page 10: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

DataWrapper https://www.datawrapper.de/

Page 11: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

PoleStar / Vega https://vega.github.io/polestar

Page 12: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

PoleStar / Vega https://vega.github.io/polestar

Page 13: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

RawGraphs https://www.rawgraphs.io

Page 14: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
https://docs.google.com/file/d/1hsanT5T5u7yIdAZwt-sgK5twpTE65NEk/preview
Page 15: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

RawGraphs https://www.rawgraphs.io

Page 16: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Generic

Specific

Coding UsingDesigning

Toolspace

Page 17: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Python: Bokeh

Page 18: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Plotly (Python, R, MatLab, Perl, REST, ) > JavaScript

Page 19: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

http://d3.js

Page 20: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

● Importing (CSV, Json, etc..)● Objects (shapes) and visual attributes● JQuery● Convenience functions ● Tons of examples and huge community

- Tricky to learn (start now)- Tons of libraries and tutorials- Powerful and nice

Data-Driven-Documents (D3) http://d3.js

Page 21: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Generic

Specific

Coding UsingDesigning

Toolspace

Page 22: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

https://gephi.orgGephi

Page 23: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

https://vistorian.net

Page 24: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 25: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
https://docs.google.com/file/d/179M6j4MEkpKE6Q7iRXwjWS-lx9kBPTVs/preview
Page 26: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Geographical

Taken from: http://datavisualization.ch

Page 27: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Temporal

Taken from: http://datavisualization.ch

Page 28: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Presentation & Infographics

Page 29: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

RawGraphs https://www.rawgraphs.io

Page 30: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

http://data-illustrator.com

Page 31: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
https://docs.google.com/file/d/1-KF8GXc7GzoFWlo1KO1p166DEgaouCOA/preview
Page 32: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

https://charticulator.com

Page 33: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Coloring

Page 34: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 35: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 36: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 37: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 38: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

I want hue

https://docs.google.com/file/d/1l1f3hz-mC3La0Fl_TczNMMCO725vLI7u/preview
Page 39: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Immersive Environments

Page 40: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

https://unity3d.com

Page 41: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

DXR IATKhttps://sites.google.com/view/dxr-vis https://github.com/MaximeCordeil/IATK

Page 42: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

More Tools!

Page 43: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

http://datavisualization.ch

Page 44: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Tool Space Generic

Specific

Coding UsingCreating

Page 45: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Tool Space

● Scalability● Interaction ● Visualizations● Availability● Learning● Aesthetics● Integration● ...

Page 46: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 47: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 48: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

https://visguides.dbvis.de

Page 49: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Tutorial

Page 50: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 51: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and
Page 52: Edinburgh University March 2019 Benjamin Bach The Human ...wp.inf.ed.ac.uk/thehumanfactor/wp-content/uploads/sites/6/2019/03/… · Importing (CSV, Json, etc..) Objects (shapes) and

Using the JSON Iteratoriwayinfocenter.informationbuilders.com/how...JSON...Using the JSON Iterator This topic describes how to process a JSON document, which contains multiple records

Using the JSON Iteratoriwayinfocenter.informationbuilders.com/how...JSON...Using the JSON Iterator This topic describes how to process a JSON document, which contains multiple records

Documents
Automatically Generating JSON from Java Objectscourses.coreservlets.com/Course-Materials/pdf/ajax/JSON-Generation.… · Automatically Generating JSON from Java ObjectsJava Objects

Automatically Generating JSON from Java Objectscourses.coreservlets.com/Course-Materials/pdf/ajax/JSON-Generation.… · Automatically Generating JSON from Java ObjectsJava Objects

Documents
openLCA 1 · 4.4.3 Importing databases in ecospold, Excel, ILCD, SimaPro CSV, and JSON-LD formats .....18 4.5 Creating a remote database.....21 4.6 Database elements.....22 4.7 Exporting

openLCA 1 · 4.4.3 Importing databases in ecospold, Excel, ILCD, SimaPro CSV, and JSON-LD formats .....18 4.5 Creating a remote database.....21 4.6 Database elements.....22 4.7 Exporting

Documents
JSON Android

JSON Android

Documents
Tutorial JSON

Tutorial JSON

Documents
Introduction to JSON in DataFlex · 2018. 3. 16. · 7 JSON in DataFlex • Web Services –Built in JSON support –Every DataFlex Web-Service can be called using JSON –JSON parsing

Introduction to JSON in DataFlex · 2018. 3. 16. · 7 JSON in DataFlex • Web Services –Built in JSON support –Every DataFlex Web-Service can be called using JSON –JSON parsing

Documents
Validating JSON Messages with JSON-Schema - IVOAwiki.ivoa.net/internal/IVOA/InterOpMay2017-DM/JSON-Schema_LM.pdf · Validating JSON Messages with JSON-Schema 1. Interop North Spring

Validating JSON Messages with JSON-Schema - IVOAwiki.ivoa.net/internal/IVOA/InterOpMay2017-DM/JSON-Schema_LM.pdf · Validating JSON Messages with JSON-Schema 1. Interop North Spring

Documents
JSON Generation

JSON Generation

Documents
JSON Tutorial

JSON Tutorial

Documents
JSON(as(an(XML(Alterna3ve( JSONLD1 JSONLD ((JSON(as(an(XML(Alterna3ve(! JSON"is"alightweightalternave"to"XML"for"data interchange"! JSON"=JavaScriptObjectNotaon" – It’s"really"language

JSON(as(an(XML(Alterna3ve( JSONLD1 JSONLD ((JSON(as(an(XML(Alterna3ve(! JSON"is"alightweightalternave"to"XML"for"data interchange"! JSON"=JavaScriptObjectNotaon" – It’s"really"language

Documents
PyLecture3 -json-

PyLecture3 -json-

Software
JSON Everywhere

JSON Everywhere

Technology
Db2 JSON: An overview · Db2 aktuell 2019 2 Dr. Henrik Loeser / Db2 JSON Agenda • Introduction to JSON • Db2 JSON Support in Perspective • New JSON functions • Summary

Db2 JSON: An overview · Db2 aktuell 2019 2 Dr. Henrik Loeser / Db2 JSON Agenda • Introduction to JSON • Db2 JSON Support in Perspective • New JSON functions • Summary

Documents
JSON-RPCww1.microchip.com/downloads/en/Appnotes/VPPD-03994_AN.pdf · JSON-RPC JSON-RPC is a protocol used for remote procedure calls. The messages exchanged in JSON-RPC are JSON encoded

JSON-RPCww1.microchip.com/downloads/en/Appnotes/VPPD-03994_AN.pdf · JSON-RPC JSON-RPC is a protocol used for remote procedure calls. The messages exchanged in JSON-RPC are JSON encoded

Documents
JSON - wcw.cs.ui.ac.id · JSON •JavaScript Object Notation ... •JavaScript is a superset of JSON. A JavaScript compiler is a JSON decoder

JSON - wcw.cs.ui.ac.id · JSON •JavaScript Object Notation ... •JavaScript is a superset of JSON. A JavaScript compiler is a JSON decoder

Documents
Swift & JSON

Swift & JSON

Technology
Konsep Json

Konsep Json

Documents
Proposed Documents for JOSE: JSON Web Signature (JWS) JSON

Proposed Documents for JOSE: JSON Web Signature (JWS) JSON

Documents
JSON, MongoDB, JSONique - Georgia State Universitytinman.cs.gsu.edu/~raj/8711/sp19/json/Lec-JSON-MongoDB...• JSON (JavaScript Object Notation) is a lightweight data exchange format

JSON, MongoDB, JSONique - Georgia State Universitytinman.cs.gsu.edu/~raj/8711/sp19/json/Lec-JSON-MongoDB...• JSON (JavaScript Object Notation) is a lightweight data exchange format

Documents
OM-JSON - a JSON implementation of O&M

OM-JSON - a JSON implementation of O&M

Internet
OData JSON Format Version 4 - OASISdocs.oasis-open.org/odata/odata-json-format/v4.0/cs01/odata-json... · odata-json-format-v4.0-cs01 ... Page 1 of 42 OData JSON Format Version 4.0

OData JSON Format Version 4 - OASISdocs.oasis-open.org/odata/odata-json-format/v4.0/cs01/odata-json... · odata-json-format-v4.0-cs01 ... Page 1 of 42 OData JSON Format Version 4.0

Documents
JSON Pointer and JSON Patch

JSON Pointer and JSON Patch

Documents
IPTC News in JSON and Sports in JSON

IPTC News in JSON and Sports in JSON

Technology
Introduction to JSON - mqtechconference.com · JSON: JavaScript Object Notation. JSON is a simple, ... "BMW", "Fiat" ]} MQ Technical Conference v2.0.1.7 JSON Data Types. MQ Technical

Introduction to JSON - mqtechconference.com · JSON: JavaScript Object Notation. JSON is a simple, ... "BMW", "Fiat" ]} MQ Technical Conference v2.0.1.7 JSON Data Types. MQ Technical

Documents
JSON Syntax

JSON Syntax

Software
OData JSON Format - OASIS · Web view2013/10/24  · OData’s JSON format extends JSON by defining general conventions for name-value pairs that annotate a JSON object, property

OData JSON Format - OASIS · Web view2013/10/24  · OData’s JSON format extends JSON by defining general conventions for name-value pairs that annotate a JSON object, property

Documents
Android y JSON - Academia Cartagena99 Android y J… · Android y JSON. JSON JSON (JavaScript Object Notation) es un formato para el intercambios de datos, básicamente JSON describe

Android y JSON - Academia Cartagena99 Android y J… · Android y JSON. JSON JSON (JavaScript Object Notation) es un formato para el intercambios de datos, básicamente JSON describe

Documents
Json Mapping

Json Mapping

Documents
Canvas JSON

Canvas JSON

Documents
Hands on JSON › events › 2019 › Tekom_2019 › ... · Hands on JSON JSON to XML Conversion Details A element is added as root if the converted JSON has multiple

Hands on JSON › events › 2019 › Tekom_2019 › ... · Hands on JSON JSON to XML Conversion Details A element is added as root if the converted JSON has multiple

Documents