Get started with D3.js today: Visualizing web data

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.

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.

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

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 .