SlideShare a Scribd company logo
Nir Geier - www.git.ninja 2
D3?D3? What is it?
DEMOSDEMOSTokyo Wind Speed
https://air.nullschool.net/
How whites born in 1937 have 
leaned politically over their lives
https://www.nytimes.com/interactive/2014/07/08/upshot/how-the-year-yo
Among the Oscar Contenders, a Host of Connections
http://www.nytimes.com/interactive/2013/02/20/movies/among-the-oscar
SVGSVG
https://codepen.io/nirgeier/pen/ybQgZJ
• JavaScript library for manipulating documents
based on data
• A (really awesome) tool used to visualize data
• Created by Mike Bostock in 2011
d3 Syntax
d3.select
d3.select()
d3.data()
d3.enter()
switch to yet-to-be-added elements selection
d3.selectAll()
d3.style()
d3 animation https://codepen.io/nirgeier/pen/ZKmeor
d3 animation https://codepen.io/nirgeier/pen/ZKmeor
d3 events https://codepen.io/nirgeier/pen/YVRZmX
d3 events https://codepen.io/nirgeier/pen/YVRZ
mX
d3 Libraries
http://c3js.org
http://nvd3.org
RESOURCESRESOURCES
http://alignedleft.com/tutorials/d3
https://codepen.io/nirgeier/pen/ybQgZJ
https://codepen.io/nirgeier/pen/oWQBmd
https://codepen.io/nirgeier/pen/KmrWpg
https://codepen.io/nirgeier/pen/MmzpoE
https://codepen.io/nirgeier/pen/ZKmeor
https://codepen.io/nirgeier/pen/YVRZmX
http://techslides.com/over-2000-d3-js-examples-and-demos

More Related Content

More from Netcraft

Amir Shilo
Amir ShiloAmir Shilo
Amir Shilo
Netcraft
 
Aviv Gross Alon
Aviv Gross AlonAviv Gross Alon
Aviv Gross Alon
Netcraft
 
Shira Weinberg
Shira WeinbergShira Weinberg
Shira Weinberg
Netcraft
 
יהונתן שיפר
יהונתן שיפריהונתן שיפר
יהונתן שיפר
Netcraft
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
Netcraft
 
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמןכשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
Netcraft
 
רועי פלד
רועי פלדרועי פלד
רועי פלד
Netcraft
 
ינון פרק
ינון פרקינון פרק
ינון פרק
Netcraft
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארד
Netcraft
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
Netcraft
 
אודי סלנט
אודי סלנטאודי סלנט
אודי סלנט
Netcraft
 
שלומי זיגארט
שלומי זיגארטשלומי זיגארט
שלומי זיגארט
Netcraft
 
יוני אושין
יוני אושיןיוני אושין
יוני אושין
Netcraft
 
קרן נוימן ונטע תבל
קרן נוימן ונטע תבלקרן נוימן ונטע תבל
קרן נוימן ונטע תבל
Netcraft
 
ניר נבות
ניר נבותניר נבות
ניר נבות
Netcraft
 
כשמעצב פוגש מעסיק- ניר נבות
כשמעצב פוגש מעסיק- ניר נבותכשמעצב פוגש מעסיק- ניר נבות
כשמעצב פוגש מעסיק- ניר נבות
Netcraft
 
לעצב מעבר לגבולות המסך- אבי איצקוביץ
לעצב מעבר לגבולות המסך- אבי איצקוביץלעצב מעבר לגבולות המסך- אבי איצקוביץ
לעצב מעבר לגבולות המסך- אבי איצקוביץ
Netcraft
 
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבגלמה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
Netcraft
 
Ofer Holtzman
Ofer HoltzmanOfer Holtzman
Ofer Holtzman
Netcraft
 
Ran Liron
Ran LironRan Liron
Ran Liron
Netcraft
 

More from Netcraft (20)

Amir Shilo
Amir ShiloAmir Shilo
Amir Shilo
 
Aviv Gross Alon
Aviv Gross AlonAviv Gross Alon
Aviv Gross Alon
 
Shira Weinberg
Shira WeinbergShira Weinberg
Shira Weinberg
 
יהונתן שיפר
יהונתן שיפריהונתן שיפר
יהונתן שיפר
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
 
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמןכשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
 
רועי פלד
רועי פלדרועי פלד
רועי פלד
 
ינון פרק
ינון פרקינון פרק
ינון פרק
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארד
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
 
אודי סלנט
אודי סלנטאודי סלנט
אודי סלנט
 
שלומי זיגארט
שלומי זיגארטשלומי זיגארט
שלומי זיגארט
 
יוני אושין
יוני אושיןיוני אושין
יוני אושין
 
קרן נוימן ונטע תבל
קרן נוימן ונטע תבלקרן נוימן ונטע תבל
קרן נוימן ונטע תבל
 
ניר נבות
ניר נבותניר נבות
ניר נבות
 
כשמעצב פוגש מעסיק- ניר נבות
כשמעצב פוגש מעסיק- ניר נבותכשמעצב פוגש מעסיק- ניר נבות
כשמעצב פוגש מעסיק- ניר נבות
 
לעצב מעבר לגבולות המסך- אבי איצקוביץ
לעצב מעבר לגבולות המסך- אבי איצקוביץלעצב מעבר לגבולות המסך- אבי איצקוביץ
לעצב מעבר לגבולות המסך- אבי איצקוביץ
 
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבגלמה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
למה איפיון ועיצוב לטלוויזיה זה לא כמו Web ומובייל? מרטין סבג
 
Ofer Holtzman
Ofer HoltzmanOfer Holtzman
Ofer Holtzman
 
Ran Liron
Ran LironRan Liron
Ran Liron
 

Recently uploaded

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
DanBrown980551
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024
Vadym Kazulkin
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
Enterprise Knowledge
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 

Recently uploaded (20)

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024High performance Serverless Java on AWS- GoTo Amsterdam 2024
High performance Serverless Java on AWS- GoTo Amsterdam 2024
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through StorytellingDemystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)