강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Get started with D3.js today: Visualizing web data

🤔 Are you worried because you want to study D3 but it is too difficult?? Right now! Learn the basic concepts and usage of D3 in this lecture and create your own visualization results easily and quickly.

(4.9) 17 reviews

864 learners

3시간 만에 완강할 수 있는 강의 ⏰
SVG

Reviews from Early Learners

What you will gain after the course

  • Data Visualization

  • Basic concepts and usage of D3

  • SVG concepts and controls

  • Drawing shapes and graphs using basic methods

  • Handling data in various formats (csv, tsv, json, etc.)

  • Drawing practical (real-life) graphs using bars and lines

  • How to use essential generators, components, and layouts

  • Draw fancy graphs like maps

What is D3.js? 🤔

GitHub - d3/d3-logo: D3 brand assets.
D3 stands for Data-Driven Documents.
To implement dynamic and interactive information visualization
It's a JavaScript library.

It has recently been used in various information visualizations, including the Corona Map.


Why Use D3.js 🎨

  1. SVG enables seamless visualization at various resolutions.
  2. You can freely customize it rather than simply choosing a template.
  3. It is implemented with web standards such as HTML, CSS, and SVG, so there are fewer framework restrictions.


What will you learn in class? 🕵️‍♀️

  1. Basic concepts and usage of D3
  2. How to manipulate and visualize data
  3. SVG concepts and controls
  4. Drawing shapes and graphs using basic methods
  5. Handling data in various formats (csv, tsv, json, etc.)
  6. Graphs used in practice
  7. A fancy graph that you probably won't see in practice


I recommend this to these people 🙋

  1. Developers who need to be put into practice right away
  2. For those of you wondering what D3 is
  3. Beginners who want to study the basic concepts and applications of D3
  4. Those who want to experience various visualizations using the official documentation
  5. Anyone who wants to visualize their own data using JavaScript
  6. Looking for a data visualization library?

Should I be put into practice right now?
Do you need to start a project right now?
Do you have to submit your assignment right now?
Do I need to train students and new employees right now?
Need to visualize web data right now?

✔️ See and apply quickly!
- We have prepared various examples that can be created by simply copying and pasting the source code.

✔️ Find it easily in the lecture materials!
- We provide a lecture Notion page so you can understand without having to search.

✔️ Teach with these Notion lecture materials!
- As of May 2022, the latest version is v7.

* D3 network graph (Force-Directed graph) was added in June 2022 .

Recommended for
these people

Who is this course right for?

  • Anyone who needs to visualize data

  • Developers who need to use D3 right now in their practice (Developers, watch at 4x speed.)

  • For those of you wondering what D3 is

  • Beginners who want to study the basic concepts and applications of D3

  • For those who want to experience various visualizations using the official documentation

  • Anyone who wants to visualize their own data using JavaScript

Need to know before starting?

  • JavaScript Basic Grammar

  • CSS Basic Grammar

Hello
This is

10,838

Learners

405

Reviews

3

Answers

4.8

Rating

21

Courses

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

Curriculum

All

36 lectures ∙ (6hr 22min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

17 reviews

4.9

17 reviews

  • j283296370618님의 프로필 이미지
    j283296370618

    Reviews 1

    Average Rating 5.0

    5

    31% enrolled

    Good job

    • soeun84771786님의 프로필 이미지
      soeun84771786

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      I listened to this lecture and practiced hard by referring to the code provided. I was really happy because I was able to apply it myself and it felt like it added to my knowledge!!

      • soriv님의 프로필 이미지
        soriv

        Reviews 3

        Average Rating 4.7

        5

        100% enrolled

        It was good for quickly organizing concepts

        • digilog1q846240님의 프로필 이미지
          digilog1q846240

          Reviews 51

          Average Rating 4.9

          5

          100% enrolled

          It seems like a good idea to get a quick overview of the basics of d3.js.

          • qqwewew님의 프로필 이미지
            qqwewew

            Reviews 14

            Average Rating 5.0

            5

            72% enrolled

            The lecture was informative

            Limited time deal ends in 7 days

            $18.70

            29%

            $26.40

            The Oreum's other courses

            Check out other courses by the instructor!