Introduction to D3

•

5 gostaram•5,597 visualizações

Visually

Presentation by Joe Golike, designer at Trulia, for Visual.ly's meetup, The Introductory D3 Workshop for Beginners.

Tecnologia

What is D3?

Thinking in D3 Joe Golike @golike 16 Feb 2012

D3 allows you to bind arbitrary
data to a Document Object Model
(DOM), and then apply data-driven
transformations to the document.

Thinking in D3 Joe Golike @golike 16 Feb 2012

[[ 11975, 5871, 8916, 2868 ],
[ 1951, 10048, 2060, 6171 ],
[ 8010, 16145, 8090, 8045 ],
[ 1013, 990, 940, 6907 ]]

Thinking in D3 Joe Golike @golike 16 Feb 2012

Thinking in D3 Joe Golike @golike 16 Feb 2012

What’s good
about it?

Thinking in D3 Joe Golike @golike 16 Feb 2012

Web standards technology

Thinking in D3 Joe Golike @golike 16 Feb 2012

Web standards technology
Works in all modern™ browsers

Thinking in D3 Joe Golike @golike 16 Feb 2012

Web standards technology
Works in all modern™ browsers
Performs well, even on mobile

Thinking in D3 Joe Golike @golike 16 Feb 2012

What it’s good at?

Thinking in D3 Joe Golike @golike 16 Feb 2012

Nearly unlimited power and control

Thinking in D3 Joe Golike @golike 16 Feb 2012

Nearly unlimited power and control
Does complicated math for you

Thinking in D3 Joe Golike @golike 16 Feb 2012

Nearly unlimited power and control
Does complicated math for you
SVG + CSS

Thinking in D3 Joe Golike @golike 16 Feb 2012

What to watch
out for?

Thinking in D3 Joe Golike @golike 16 Feb 2012

Steepish learning curve

Thinking in D3 Joe Golike @golike 16 Feb 2012

Steepish learning curve
Browser support

Thinking in D3 Joe Golike @golike 16 Feb 2012

Steepish learning curve
Browser support Internet Explorer 9+

Thinking in D3 Joe Golike @golike 16 Feb 2012

Steepish learning curve
Browser support Internet Explorer 9+
Spotty documentation

Thinking in D3 Joe Golike @golike 16 Feb 2012

Where do we go
from here?

Thinking in D3 Joe Golike @golike 16 Feb 2012

alignedleft.com/tutorials/d3
groups.google.com/group/d3-js
mbostock.github.com/d3
colorbrewer.org
insights.truliablog.com

Thinking in D3 Joe Golike @golike 16 Feb 2012

What have you done
with D3?

Thinking in D3 Joe Golike @golike 16 Feb 2012

Mais conteúdo relacionado

Semelhante a Introduction to D3

Grails Goto Pluginsericsword

Continuous Deployment - The New #1 Security Feature, from BSildesLA 2012Nick Galbreath

SPS Oslo - To-Do: How to manage tasks effectivelyAlan Eardley

Get Your Productivity Game On!Brian Sjoberg

View models for component drivenEatDog

JavaDay 2017: 10 tips to become an awesome technical lead (v4)Bart Blommaerts

SEO Monitoring - What, Why, and How - DeepCrawl WebinarJohn Doherty

Stop Starting Start FinishingDashlane

The Ultimate Free Digital Marketing ToolkitSteve Lock

Stand Out Customer ExperienceAdobe

Doodle maker review special offer - doodle maker featuresrajugond2

Accidental DataOpsSteve Ross

Web challenge cmmHerman Lee

Contiuously Deploying Culture 2.0 - Agile ÍslandRich Smith

Enabling full stack data scientistsStitch Fix Algorithms

Seo adwords and analytics ConvergeSouth2012Converge South

SEO, Adwords & AnalyticsPhil Buckley

How to start owning Data and Big DataWard Hemeryck

Code sharing at MediaEvalAdam Rae

Designing & Developing mLearning using HTML5 #mlearnconNick Floro

Semelhante a Introduction to D3 (20)

Grails Goto Plugins

Continuous Deployment - The New #1 Security Feature, from BSildesLA 2012

SPS Oslo - To-Do: How to manage tasks effectively

Get Your Productivity Game On!

View models for component driven

JavaDay 2017: 10 tips to become an awesome technical lead (v4)

SEO Monitoring - What, Why, and How - DeepCrawl Webinar

Stop Starting Start Finishing

The Ultimate Free Digital Marketing Toolkit

Stand Out Customer Experience

Doodle maker review special offer - doodle maker features

Accidental DataOps

Web challenge cmm

Contiuously Deploying Culture 2.0 - Agile Ísland

Enabling full stack data scientists

Seo adwords and analytics ConvergeSouth2012

SEO, Adwords & Analytics

How to start owning Data and Big Data

Code sharing at MediaEval

Designing & Developing mLearning using HTML5 #mlearncon

Mais de Visually

B2B Marketers: How to Solve Your Top 4 Content HurdlesVisually

6 Steps to Create a Robust CalendarVisually

What Content Do Consumers Really Want?Visually

How Email and Great Content Can Fuel Your Buyer's JourneyVisually

How to Become a Stronger StorytellerVisually

How We Create High-Impact Content at VisuallyVisually

Using Every Part of the Buffalo Webinar: How to Get More Mileage Out of Your ...Visually

Marketers vs Creatives: Communication BreakdownVisually

The Art of Visual Content and the Science that Makes It ConvertVisually

Creating Charts for PresentationsVisually

Isn't It Time to Put Your Ad Agency Out To Pasture?Visually

Creating Great Infographics & Visual Content Visually

Why Startups FailVisually

Patent WarsVisually

How Long Does it Take to Build an App?Visually

Cuts of BeefVisually

What's Smaller Than Apple?Visually

A Tale of Two CowsVisually

The Impact of ZellVisually

The Speed of LanguageVisually

Mais de Visually (20)

B2B Marketers: How to Solve Your Top 4 Content Hurdles

6 Steps to Create a Robust Calendar

What Content Do Consumers Really Want?

How Email and Great Content Can Fuel Your Buyer's Journey

How to Become a Stronger Storyteller

How We Create High-Impact Content at Visually

Using Every Part of the Buffalo Webinar: How to Get More Mileage Out of Your ...

Marketers vs Creatives: Communication Breakdown

The Art of Visual Content and the Science that Makes It Convert

Creating Charts for Presentations

Isn't It Time to Put Your Ad Agency Out To Pasture?

Creating Great Infographics & Visual Content

Why Startups Fail

Patent Wars

How Long Does it Take to Build an App?

Cuts of Beef

What's Smaller Than Apple?

A Tale of Two Cows

The Impact of Zell

The Speed of Language

Último

Histor y of HAM Radio presentation slidevu2urc

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Scaling API-first – The story of a global engineering organizationRadu Cotescu

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Introduction to D3

1. Thinking in D3 Joe Golike @golike

2. What is D3? Thinking in D3 Joe Golike @golike 16 Feb 2012

3. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. Thinking in D3 Joe Golike @golike 16 Feb 2012

4. [[ 11975, 5871, 8916, 2868 ], [ 1951, 10048, 2060, 6171 ], [ 8010, 16145, 8090, 8045 ], [ 1013, 990, 940, 6907 ]] Thinking in D3 Joe Golike @golike 16 Feb 2012

5. Thinking in D3 Joe Golike @golike 16 Feb 2012

6. What’s good about it? Thinking in D3 Joe Golike @golike 16 Feb 2012

7. Web standards technology Thinking in D3 Joe Golike @golike 16 Feb 2012

8. Web standards technology Works in all modern™ browsers Thinking in D3 Joe Golike @golike 16 Feb 2012

9. Web standards technology Works in all modern™ browsers Performs well, even on mobile Thinking in D3 Joe Golike @golike 16 Feb 2012

10. What it’s good at? Thinking in D3 Joe Golike @golike 16 Feb 2012

11. Nearly unlimited power and control Thinking in D3 Joe Golike @golike 16 Feb 2012

12. Nearly unlimited power and control Does complicated math for you Thinking in D3 Joe Golike @golike 16 Feb 2012

13. Nearly unlimited power and control Does complicated math for you SVG + CSS Thinking in D3 Joe Golike @golike 16 Feb 2012

14. What to watch out for? Thinking in D3 Joe Golike @golike 16 Feb 2012

15. Steepish learning curve Thinking in D3 Joe Golike @golike 16 Feb 2012

16. Steepish learning curve Browser support Thinking in D3 Joe Golike @golike 16 Feb 2012

17. Steepish learning curve Browser support Internet Explorer 9+ Thinking in D3 Joe Golike @golike 16 Feb 2012

18. Steepish learning curve Browser support Internet Explorer 9+ Spotty documentation Thinking in D3 Joe Golike @golike 16 Feb 2012

19. Where do we go from here? Thinking in D3 Joe Golike @golike 16 Feb 2012

20. alignedleft.com/tutorials/d3 groups.google.com/group/d3-js mbostock.github.com/d3 colorbrewer.org insights.truliablog.com Thinking in D3 Joe Golike @golike 16 Feb 2012

21. What have you done with D3? Thinking in D3 Joe Golike @golike 16 Feb 2012

22. Thanks. Joe Golike @golike

Introduction to D3

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Introduction to D3

Semelhante a Introduction to D3 (20)

Mais de Visually

Mais de Visually (20)

Último

Último (20)

Introduction to D3