dh101 2013/2014 course 10 - 3d printing, javascript data visualization

Digital Humanities 101 - 2013/2014 - Course 10

Digital Humanities Laboratory

Frederic Kaplan

[email protected]

Semester 1 : Content of each course

• (1) 19.09 Introduction to the course / Live Tweeting and Collective note

taking

• (2) 25.09 Introduction to Digital Humanities / Wordpress / First assignment

• (3) 2.10 Introduction to the Venice Time Machine project / Zotero

•9.10 No course

• (4) 16.10 Digitization techniques / Deadline first assignment

• (5) 23.10 Datafication / Presentation of projects

• (6) 30.10 Semantic modelling / RDF / Deadline peer-reviewing of first

assignment

my header

Digital Humanities 101 - 2013/2014 - Course 10 | 2013 2o

Semester 1 : Content of each course

• (7) 6.11 Pattern recognition / OCR / Semantic disambiguation

• (8) 13.11 Historical Geographic Information Systems, Procedural modeling /

City Engine / Deadline Project selection

• (9) 20.11 Crowdsourcing / Gamefication / Wikipedia

• (10) 27.11 3d Printing and visualization interfaces

•4.12 Group work on the projects

•11.12 Oral exam / Presentation of projects / Deadline Project blog

•18.12 Oral exam / Presentation of projects

my header


A note aboutmusic projects

•Laurent Pugin will be here next week.

• If you want to ask him questions about your project, send him an e-mail :

[email protected]

my header


Today’s course

•3D Printing demo

•Hands-on•Objective of this session : Getting used to the tools that will be available to

you for writing your 2nd semester assignments.•Venice Atlas website : overview and general organization

•Maps : ArcGIS online / Google Maps

•An introduction to D3.js

•Graphics on Wordpress using D3.js

•Advanced uses

my header


3D Printing Demo

Picture : @CarmelOhMyGod

Pipeline

•Conceving the model with SketchUp

•Simplifying it with AutoDesk 3D

• Importing it to MakerBot

http://www.makerbot.com/

my header


http://www.makerbot.com/

Introducing : The Venice Atlas

my header


The Venice Atlas

•Available already this semester (but not

compulsory)

Motivations :

•Keep all the atlas results at the same

place

•Provide to all of you powerful tools for

presenting your projects online

my header


The Venice Atlas

Hands-on session :

•http ://veniceatlas.epfl.ch

•Use your wordpress.com login

my header


D3.js

•D3 : Data-driven documents

•http ://d3js.org

•Check out the various possibilities, get

ideas for your projects.

•We will provide several generic examples

for you to use with your data without

having to understand the code.

•Advanced Users : we will detail how you

can run your own code in your

Wordpress blogposts

my header


How to run D3.js examples onWordpress

1. Upload your datas in CSV or JSON format in the Media section.

2. Create a new post. Switch your interface from Visual to Text mode.

3. Basic syntax :

[d3-link]URL TO YOUR DATA FILE[/d3-link]

[d3-source canvas=”chart”]SOURCE CODE GOES HERE[/d3-source]

4. Cross-reference your data file URL in the javascript code

5. Replace the selector d3.select(”body”) by d3.select(”.chart”).

•More details on http ://tinyurl.com/am7xx6q

my header


dh101 2013/2014 course 10 - 3d printing, javascript data visualization

Education