SlideShare a Scribd company logo
1 of 11
Download to read offline
Digital Humanities 101 - 2013/2014 - Course 10
Digital Humanities Laboratory
Fr´d´ric Kaplan
e e
frederic.kaplan@epfl.ch
o

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
Digital Humanities 101 - 2013/2014 - Course 10 | 2013

2
o

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

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

3
o

A note about music projects
• Laurent Pugin will be here next week.
• If you want to ask him questions about your project, send him an e-mail :
lxpugin@gmail.com

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

4
o

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

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

5
o

3D Printing Demo
Pipeline
• Conceving the model with SketchUp
• Simplifying it with AutoDesk 3D
• Importing it to MakerBot
http://www.makerbot.com/
Picture : @CarmelOhMyGod

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

6
o

Introducing : The Venice Atlas

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

7
o

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

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

8
o

The Venice Atlas
Hands-on session :
• http ://veniceatlas.epfl.ch
• Use your wordpress.com login

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

9
o

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
Digital Humanities 101 - 2013/2014 - Course 10 | 2013

10
o

How to run D3.js examples on Wordpress
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

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

11

More Related Content

Viewers also liked

La standardisation du livre
La standardisation du livreLa standardisation du livre
La standardisation du livre
Frederic Kaplan
 
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
Frederic Kaplan
 
Les albums pour enfants, avant-garde de l'innovation
Les albums pour enfants, avant-garde de l'innovationLes albums pour enfants, avant-garde de l'innovation
Les albums pour enfants, avant-garde de l'innovation
Frederic Kaplan
 
La langue comme capital
La langue comme capitalLa langue comme capital
La langue comme capital
Frederic Kaplan
 
Transformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'informationTransformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'information
Frederic Kaplan
 

Viewers also liked (13)

Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
La standardisation du livre
La standardisation du livreLa standardisation du livre
La standardisation du livre
 
Les technologies absorbantes
Les technologies absorbantesLes technologies absorbantes
Les technologies absorbantes
 
Real scale media TEDxTransmedia
Real scale media TEDxTransmediaReal scale media TEDxTransmedia
Real scale media TEDxTransmedia
 
Reinventing books, magazines and newspapers in the digital age
Reinventing books, magazines and newspapers in the digital ageReinventing books, magazines and newspapers in the digital age
Reinventing books, magazines and newspapers in the digital age
 
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
DH101 2013/2014 course 4 - Digitization techniques 2D and 3D
 
Les albums pour enfants, avant-garde de l'innovation
Les albums pour enfants, avant-garde de l'innovationLes albums pour enfants, avant-garde de l'innovation
Les albums pour enfants, avant-garde de l'innovation
 
La langue comme capital
La langue comme capitalLa langue comme capital
La langue comme capital
 
Le futur de la lecture
Le futur de la lectureLe futur de la lecture
Le futur de la lecture
 
Développer la lecture sociale en bibliothèque
Développer la lecture sociale en bibliothèqueDévelopper la lecture sociale en bibliothèque
Développer la lecture sociale en bibliothèque
 
La question de la langue à l'époque de Google
La question de la langue à l'époque de GoogleLa question de la langue à l'époque de Google
La question de la langue à l'époque de Google
 
A quoi sert XML
A quoi sert XMLA quoi sert XML
A quoi sert XML
 
Transformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'informationTransformer 4 millions d'articles de presse en un système d'information
Transformer 4 millions d'articles de presse en un système d'information
 

Similar to DH101 2013/2014 course 10 - 3d printing, Javascript data visualization

DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
Deltares
 

Similar to DH101 2013/2014 course 10 - 3d printing, Javascript data visualization (20)

Course Intro.pdf
Course Intro.pdfCourse Intro.pdf
Course Intro.pdf
 
DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
DSD-INT 2014 - Delft-FEWS Users Meeting - Recent developments in FEWS, Gerben...
 
Presenting D-studio projects at IE_NET BIM Conference, Antwerp 16 october 2013
Presenting D-studio projects at IE_NET BIM Conference, Antwerp 16 october 2013Presenting D-studio projects at IE_NET BIM Conference, Antwerp 16 october 2013
Presenting D-studio projects at IE_NET BIM Conference, Antwerp 16 october 2013
 
E2D3 introduction
E2D3 introductionE2D3 introduction
E2D3 introduction
 
CV-Nicolas_Cybulski
CV-Nicolas_CybulskiCV-Nicolas_Cybulski
CV-Nicolas_Cybulski
 
Pen-based Gestures and Sketching User Interfaces
Pen-based Gestures and Sketching User InterfacesPen-based Gestures and Sketching User Interfaces
Pen-based Gestures and Sketching User Interfaces
 
AmI 2015 - Course Introduction
AmI 2015 - Course IntroductionAmI 2015 - Course Introduction
AmI 2015 - Course Introduction
 
DSD-INT 2022 Digital Twin - SALTISolutions - Voesenek
DSD-INT 2022 Digital Twin - SALTISolutions - VoesenekDSD-INT 2022 Digital Twin - SALTISolutions - Voesenek
DSD-INT 2022 Digital Twin - SALTISolutions - Voesenek
 
DURAARK at IGeLU 2014
DURAARK at IGeLU 2014DURAARK at IGeLU 2014
DURAARK at IGeLU 2014
 
3D-ICONS - D5.1: Report on 3D Publication Formats Suitable for Europeana
3D-ICONS - D5.1: Report on 3D Publication Formats Suitable for Europeana3D-ICONS - D5.1: Report on 3D Publication Formats Suitable for Europeana
3D-ICONS - D5.1: Report on 3D Publication Formats Suitable for Europeana
 
2012-09-13_Multiconsult and WSP European Task Force_BIM in infrastructure
2012-09-13_Multiconsult and WSP European Task Force_BIM in infrastructure2012-09-13_Multiconsult and WSP European Task Force_BIM in infrastructure
2012-09-13_Multiconsult and WSP European Task Force_BIM in infrastructure
 
Unfolding - Workshop at RCA
Unfolding - Workshop at RCAUnfolding - Workshop at RCA
Unfolding - Workshop at RCA
 
Unfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsUnfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and Geovisualizations
 
Mason-Iowa-University-.ppt
Mason-Iowa-University-.pptMason-Iowa-University-.ppt
Mason-Iowa-University-.ppt
 
Muhammad Shebl CV
Muhammad Shebl CVMuhammad Shebl CV
Muhammad Shebl CV
 
D2P Freeform Workshop
D2P Freeform WorkshopD2P Freeform Workshop
D2P Freeform Workshop
 
Technology Roadmap by ericnel
Technology Roadmap by ericnelTechnology Roadmap by ericnel
Technology Roadmap by ericnel
 
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
 
Revit.pptx
Revit.pptxRevit.pptx
Revit.pptx
 
Resume_RECENT
Resume_RECENTResume_RECENT
Resume_RECENT
 

More from Frederic Kaplan

DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
Frederic Kaplan
 
3d scanning for digital heritage
3d scanning for digital heritage3d scanning for digital heritage
3d scanning for digital heritage
Frederic Kaplan
 
Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13
Frederic Kaplan
 
Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13
Frederic Kaplan
 
Color and appearance information in 3d models
Color and appearance information in 3d modelsColor and appearance information in 3d models
Color and appearance information in 3d models
Frederic Kaplan
 
Digital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: IntroductionDigital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: Introduction
Frederic Kaplan
 
Introduction au capitalisme linguistique
Introduction au capitalisme linguistiqueIntroduction au capitalisme linguistique
Introduction au capitalisme linguistique
Frederic Kaplan
 

More from Frederic Kaplan (15)

L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
L'historien et l'algorithme : Présentation aux Entretiens du Nouveau Monde In...
 
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
DH101 2013/2014 course 7 - OCR, Printed text recognition, Handwriting recogni...
 
3d scanning for digital heritage
3d scanning for digital heritage3d scanning for digital heritage
3d scanning for digital heritage
 
3d scanning pipeline
3d scanning pipeline3d scanning pipeline
3d scanning pipeline
 
Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13Franziska Frey 2 / DHV13
Franziska Frey 2 / DHV13
 
Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13Franziska Frey 1 / DHV13
Franziska Frey 1 / DHV13
 
3d scanning techniques
3d scanning techniques3d scanning techniques
3d scanning techniques
 
Color and appearance information in 3d models
Color and appearance information in 3d modelsColor and appearance information in 3d models
Color and appearance information in 3d models
 
3d from images
3d from images3d from images
3d from images
 
Pellegrini small
Pellegrini smallPellegrini small
Pellegrini small
 
Digital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: IntroductionDigital Humanities Venice Fall School: Introduction
Digital Humanities Venice Fall School: Introduction
 
Edition numérique de Jean-Jacques Rousseau
Edition numérique de Jean-Jacques RousseauEdition numérique de Jean-Jacques Rousseau
Edition numérique de Jean-Jacques Rousseau
 
QB1 : The story
QB1 : The storyQB1 : The story
QB1 : The story
 
Les métamorphoses de la valeur
Les métamorphoses de la valeurLes métamorphoses de la valeur
Les métamorphoses de la valeur
 
Introduction au capitalisme linguistique
Introduction au capitalisme linguistiqueIntroduction au capitalisme linguistique
Introduction au capitalisme linguistique
 

Recently uploaded

An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 

Recently uploaded (20)

APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 

DH101 2013/2014 course 10 - 3d printing, Javascript data visualization

  • 1. Digital Humanities 101 - 2013/2014 - Course 10 Digital Humanities Laboratory Fr´d´ric Kaplan e e frederic.kaplan@epfl.ch
  • 2. o 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 2
  • 3. o 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 3
  • 4. o A note about music projects • Laurent Pugin will be here next week. • If you want to ask him questions about your project, send him an e-mail : lxpugin@gmail.com Digital Humanities 101 - 2013/2014 - Course 10 | 2013 4
  • 5. o 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 5
  • 6. o 3D Printing Demo Pipeline • Conceving the model with SketchUp • Simplifying it with AutoDesk 3D • Importing it to MakerBot http://www.makerbot.com/ Picture : @CarmelOhMyGod Digital Humanities 101 - 2013/2014 - Course 10 | 2013 6
  • 7. o Introducing : The Venice Atlas Digital Humanities 101 - 2013/2014 - Course 10 | 2013 7
  • 8. o 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 8
  • 9. o The Venice Atlas Hands-on session : • http ://veniceatlas.epfl.ch • Use your wordpress.com login Digital Humanities 101 - 2013/2014 - Course 10 | 2013 9
  • 10. o 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 10
  • 11. o How to run D3.js examples on Wordpress 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 Digital Humanities 101 - 2013/2014 - Course 10 | 2013 11