Preface Let's draw a line chart in this period, then let's analyze what is needed to draw a line chart? The coordinate axes (one vertical and one horizontal) point the grid line to make the line graph beautiful. The curve is smooth. It would be nice to have a trace to draw the line

React, D3 based on the development of a graphical interface similar to UML modeling tools between the relationships between tables, the graphical interface is decided to use the latest version of D3 V7

Add SVG to DOM. Draw three dots select, svg.append

Create SVG 3. Draw X-axis 4. Draw Y-axis 5. Drawing area (histogram drawing) 6. Mouse event (mouse passing prompt) 7. Slow to follow

This is the 8th day of my August text challenge, and I have been involved in this challenge for more than a few years. This is the 8th day of my August text Challenge

In my opinion, the three most important JavaScript libraries every Web developer should learn are jQuery, Underscore, and D3. As you learn them, you'll start thinking about how to write code in new ways: jQuery lets you manipulate the DOM as much as possible with as little code as possible; Underscore (or lodash) uses functional tools to change the way you write programs; D3 gives you a lot of tools to manipulate data, and the idea of graphical programming. If you are not familiar with D3, please take some time to look at its examples and get a taste of what D3 can do.

By chance, I saw an article about "drawing resource topology map using D3.js forcing-guided layout" by @dasocar Wireless Development Center on digging gold. I remembered that I had done similar relationship topology map when I was an intern, so I dared to put it on digging gold. Making the address

Quantize Scales Map a continuous, quantitative domain to a discrete range. Map a continuous, quantized domain to a discrete range.

The previous timeline project used THE V3 version of D3JS. Today, I will upgrade to the V5 version when I have time and learn the new writing method.

Ordinal Scales Map a discrete domain to a discrete range. Map a discrete domain to a discrete range. d3.scaleOrdinal - create an or