Grab the chance to earn a scholarship!

Study a desired course for free & get money
watching now
1 Students
62 Lessons
Beginner

What Will You Learn?

  • How to create interactive charts – a scatter plot
  • How to process and read data from various sources
  • How to create different charts and make effects activated by mouse clicks
  • How to scale data to the appropriate size
  • How to create data visualization with D3.js

Curriculum

8h 49m
Section 1: Learn to Code in HTML
1:08:25
Nested Lists
04:41
Loading Images
05:39
Loading Images in Lists
03:15
Links
06:38
Images as Link
02:29
Mailto Link
02:31
Div Element
08:36
Section 2: Learn to Code in CSS
2:11:48
Introduction
10:45
Introducing the Box Model
11:57
Writing our First CSS
08:51
More CSS Examples
10:32
Inheritance
04:58
More on Type Selectors
09:04
Getting Direct Descendents
08:01
Class Intro
00:01
Multiple Classes
04:03
id Intro
05:35
CSS Specificity
07:25
Selecting Multiple Pseudo Classes and Sibling Matching
10:33
Styling Recipe Page
33:26
Loading External Stylesheet
06:37
Section 3: Learn to Code in JavaScript
37:14
Introduction to JS
05:02
Variables on JS
06:43
For Loops JS
06:34
Arrays and JSons
04:15
Conditional Statements
08:57
Functions
05:43
Section 4: Introduction to D3
27:42
Development Env Setup
06:04
Adding D3 to Setup
08:34
Overview and Examples
04:09
Using the Console
08:55
Section 5: Handling Data
48:40
Introduction
06:19
Selections
09:13
Modifying Selected Elements
09:44
Binding Data Intro
09:22
Binding data with Circles
08:09
Binding Data Using Indices
05:53
Section 6: Your First D3.js Project
1:09:05
Introduction
09:08
Basic Lines
04:26
Generating Lines
06:59
Creating Random Data
11:04
Basic Bar Chart
08:54
Side by Side Bar Chart
09:01
Stacked Bar Chart
10:52
Basic Click
08:41
Section 7: Understanding Scales
55:09
Introduction
13:28
Linear Scale With Circles
05:28
Scales in Two Dimensions
11:19
Adding Axis
14:15
Adding Axis Labels
10:39
Section 8: More Complex Charts
42:44
Introduction
11:04
Pie Chart Intro
09:29
Adding Labels to Piechart
07:41
Adding Hover Effects to Pie chart
14:30
Section 9: Animations and Interactivity
48:40
Introduction
07:02
Adding a Tooltip
08:32
Animation Intro
10:04
Adding Transition to Scatter Plots
11:20
Repeating Animation
11:42

Description

Requirements

  • No previous experience needed
  • A text editor like Sublime or Atom

About the Instructor

Reviews 2
Students 173
Courses 41

Mammoth Interactive gives you the necessary tools to bring your ideas to life. It’s been founded and is lead by John Bura, a well-known instructor with over 20 years of programming and 15 years of teaching experience.

Mammoth Interactive has produced games that conquered the top positions in the App store. Their games for iPhone, iPad, XBOX 360 and more have been highly valued. Also, the company has been contracted for the production of soundtracks, addicting levels, programming, and business development.

Back in 2011, Mammoth Interactive’s CEO John Bura has entered the software education market sharing his expert knowledge. He’s a master of bringing his unique perspective backed by years of experience in teaching and running a software company, as well as real-world coding. He’s gathered a team of competent experts each in their subfields who are sharing the best of their knowledge.

Mammoth Interactive has hundreds of thousands of students leaving five-star reviews once they finish the courses. On BitDegree, you can form your entire learning paths only when looking at the list of online courses offered by Mammoth Interactive teachers. Anything from coding to kids to creating games, gaining expert Python/R/C#, etc. skills or making stunning 3D arts with Blender. It’s just an inexhaustible source of knowledge – go on and make use of it!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo