Data Visualization with D3.js: Step-By-Step Tutorial
Data Visualization with D3.js: Step-By-Step Tutorial, available at $19.99, has an average rating of 3.17, with 72 lectures, 3 quizzes, based on 3 reviews, and has 100 subscribers.
You will learn about Learn how D3 .js works to declaratively define visualizations Create charts from scratch by using SVG and the D3 .js APIs See how to prepare data for easy visualization using D3 .js Visualize hierarchical data using chart types provided by D3 .js Explore the different options provided by D3 .js to visualize linked data such as graphs Spice up your visualizations by adding interactivity and animations Learn how to use D3 .js to visualize and interact with Geo- and Gis-related information sources Create visualization by streaming data over WebSockets This course is ideal for individuals who are This course is for JavaScript developers, designers, and visual artists who have some basic JavaScript programming knowledge and who now want to master pro-level techniques to create interactive data visualizations using web standards which work on desktop as well as mobile devices. It is particularly useful for This course is for JavaScript developers, designers, and visual artists who have some basic JavaScript programming knowledge and who now want to master pro-level techniques to create interactive data visualizations using web standards which work on desktop as well as mobile devices.
Enroll now: Data Visualization with D3.js: Step-By-Step Tutorial
Summary
Title: Data Visualization with D3.js: Step-By-Step Tutorial
Price: $19.99
Average Rating: 3.17
Number of Lectures: 72
Number of Quizzes: 3
Number of Published Lectures: 72
Number of Published Quizzes: 3
Number of Curriculum Items: 75
Number of Published Curriculum Objects: 75
Original Price: $199.99
Quality Status: approved
Status: Live
What You Will Learn
- Learn how D3 .js works to declaratively define visualizations
- Create charts from scratch by using SVG and the D3 .js APIs
- See how to prepare data for easy visualization using D3 .js
- Visualize hierarchical data using chart types provided by D3 .js
- Explore the different options provided by D3 .js to visualize linked data such as graphs
- Spice up your visualizations by adding interactivity and animations
- Learn how to use D3 .js to visualize and interact with Geo- and Gis-related information sources
- Create visualization by streaming data over WebSockets
Who Should Attend
- This course is for JavaScript developers, designers, and visual artists who have some basic JavaScript programming knowledge and who now want to master pro-level techniques to create interactive data visualizations using web standards which work on desktop as well as mobile devices.
Target Audiences
- This course is for JavaScript developers, designers, and visual artists who have some basic JavaScript programming knowledge and who now want to master pro-level techniques to create interactive data visualizations using web standards which work on desktop as well as mobile devices.
This course seeks to take you on a journey to learn to create beautiful visualizations of information using D3.js. D3.js, where D3 stands for data-driven documents, is an amazing JavaScript library which is known among data analysts, engineers, mathematicians, and developers worldwide as an advanced data visualization tool. Its ability to bring data to life in the form of graphics is what has made it so widespread in its use, scope, and popularity. If you want to create interactive charts, data trees, infographics, geospatial charts, and maps efficiently, then this course is your ideal choice to master interactive data visualization with D3.js V4.
This course includes a number of extensive examples to help you hone your skills with data visualization using D3.js. Throughout the course these examples will help you acquire a clear practical understanding of the various techniques, tools, and functionality provided by D3.js. You will first setup your D3.js development environment and learn the basic patterns needed to visualize your data. You will then learn techniques to optimize different processes such as working with selections, animating data transitions, creating graphs and charts, integrating external resources (static as well as streaming), visualizing information on maps, working with colors and scales, utilizing the different D3.js APIs, and more. This course will also guide you through creating custom graphs and visualizations, and show you how to go from the raw data to beautiful visualizations. The extensive examples will include working with complex and real time data streams, such as seismic data, geospatial data, scientific data, and more. Finally, you will build five unique data visualization projects to get a complete hold of the topic.
Contents and Overview
This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.
The first course, Creating Data Visualization with D3, will help you acquire a clear practical understanding of the various techniques, tools and functionality provided by D3.js. You will first setup your D3.JS development environment and learn the basic patterns needed to visualize your data. After that you will learn techniques to optimize different processes such animating data transitions, creating charts, and much more. You will also learn how to create custom graphs and visualizations, and how to go from the raw data to beautiful visualizations.
In the second course, Applied Data Visualization with D3, you will learn techniques to optimize different processes such as animating data transitions, creating graphs and charts, integrating external resources (static as well as streaming), visualizing information on maps, working with colors and scales, utilizing the different D3.js APIs, and more. The extensive examples will include working with complex and real time data streams. You will also learn to add custom shapes and paths using various D3 functionality.
In the third course, D3.js Data Visualization Projects, you will build two complete applications with D3.js. While you create apps from scratch, you will learn to implement the various features of D3.js. The projects start with a simple chart app, then move on to creating scalable data-intensive apps, typically dedicated to the big data domain. You will also create a complex business app that lets you feed your data and create interactive real time visualizations with various export options.
By the end of this course, you will have developed a strong foundation in D3.js and would be able to create breathtaking visualizations of data using its vast library.
Meet Your Expert(s):
We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:
-
Jos Dirksen has worked as a software developer and architect for more than a decade. He has a lot of experience in a large range of technologies, ranging from backend technologies, such as Java and Scala, to frontend development using HTML5, CSS, and JavaScript. Besides working with these technologies, Jos also regularly speaks at conferences and likes to write about new and interesting technologies on his blog. He also likes to experiment with new technologies and see how they can best be used to create beautiful data visualizations. Jos is currently working as a full stack engineer for Philips Lighting working, on a large IoT and Scala project. Previously, Jos has worked in many different roles in the private and public sectors, ranging from private companies such as ING, ASML, Malmberg, and ASML to organizations in the public sector, such as the Department of Defence.
-
Michael Heydt is an independent consultant, programmer, educator, and trainer. He has a passion for learning and sharing his knowledge of new technologies. Michael has worked in multiple industry verticals, including media, finance, energy, and healthcare. Over the last decade, he worked extensively with web, cloud, and mobile technologies and managed user experiences, interface design, and data visualization for major consulting firms and their clients. Michael’s current company, Seamless Thingies , focuses on IoT development and connecting everything with everything. He is also a frequent speaker at .NET user groups and various mobile, cloud, and IoT conferences and delivers webinars on advanced technologies.
Course Curriculum
Chapter 1: Creating Data Visualization with D3
Lecture 1: The Course Overview
Lecture 2: What Is D3?
Lecture 3: Setting Up the Local Web Server
Lecture 4: Basic HTML Template
Lecture 5: How Does D3 Work?
Lecture 6: Visualizing Our First Data
Lecture 7: Visualizing with Donut Chart
Lecture 8: Line Charts That Show Income Growth
Lecture 9: Population Growth Estimates Using a Stacked Graph
Lecture 10: Normal Tree Visualization
Lecture 11: Radial Tree Visualization
Lecture 12: Treemap and Partition
Lecture 13: Elections 2016 Choropleth
Lecture 14: Earthquake Data on a Flat Map
Lecture 15: Rotating the World Globe
Lecture 16: Using D3 with ES6
Lecture 17: External Charting Libraries
Chapter 2: Applied Data Visualization with D3
Lecture 1: The Course Overview
Lecture 2: Force Layout
Lecture 3: Bubble Chart
Lecture 4: Chord Diagram
Lecture 5: Matrix Diagram
Lecture 6: Simple Streaming Line
Lecture 7: Heart Rate and Respiratory Monitoring
Lecture 8: Creating the Visualization
Lecture 9: Random Data-Driven Streamgraph
Lecture 10: Visualizing Meetup.com RSVP Data on a Map
Lecture 11: Simple Voronoi Diagram
Lecture 12: Voronoi Based on a List of Airports
Lecture 13: Generative Art with Nested Voronoi Diagrams
Lecture 14: Heatmap Showing Swearword Usage in Movies
Lecture 15: Symbols Supported in D3
Lecture 16: Using d3.path to Draw Paths
Lecture 17: Exporting Visualizations
Lecture 18: Exporting Visualizations as SVG and Importing Them in an External Program
Lecture 19: Using Brushes to Select Elements
Chapter 3: D3.js Data Visualization Projects
Lecture 1: The Course Overview
Lecture 2: Getting the Code Samples
Lecture 3: Installing VS Code
Lecture 4: Installing Live Server
Lecture 5: Developing a Simple D3.js App
Lecture 6: Overview of the Data
Lecture 7: Loading the Data from a Web Server
Lecture 8: Examining the Data in the Browser
Lecture 9: Creating SVG Graphics
Lecture 10: Creating Visuals with Data
Lecture 11: Visual Styling Using Data
Lecture 12: Overview of Scales
Lecture 13: Using Linear Scales
Lecture 14: Using Scales for Color
Lecture 15: Drawing Axes
Lecture 16: Positioning for Axes
Lecture 17: Styling Axes
Lecture 18: Axes’ Titles
Lecture 19: Custom Tick Labels
Lecture 20: Legends
Lecture 21: Gridlines
Lecture 22: Selecting Data for a Given Year
Lecture 23: Creating a Reusable Renderer
Lecture 24: Basic Animation with Timers
Lecture 25: The General Update Pattern
Lecture 26: Applying GUP
Lecture 27: Navigation Using Buttons
Lecture 28: Navigation Using Slider
Lecture 29: Basics of Transitions
Lecture 30: Animating New Visuals
Lecture 31: Animating Updates
Lecture 32: Animating Exiting Updates
Lecture 33: Capturing Mouse Events
Lecture 34: Creating Tool Tips
Lecture 35: Highlighting a Visual
Lecture 36: Displaying Details
Instructors
-
Packt Publishing
Tech Knowledge in Motion
Rating Distribution
- 1 stars: 1 votes
- 2 stars: 0 votes
- 3 stars: 1 votes
- 4 stars: 0 votes
- 5 stars: 1 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024