1. What is D3.js?

D3.js - Data-Driven Documents

SVG: Scalable vector graphics

2.Set up work environment

You can choose one of them(editors, browsers and the ways to import D3.js library)

And if you choose the VS Code, an extension called live server is suggested to use.

3. Co-ordinate System

Both (0,0) point in traditional or screen co-ordinate system are called origin. The differences between them are following:

Untitled

4. SVG

<aside> 💡 Scalable Vector Graphics : a markup language for describing two-dimensional vector graphics. And the default width and height of SVG and its elements are in pixels(px)

</aside>