Shulou(Shulou.com)06/03 Report--

What is D3?

The full name is (Data-Driven Documents), a data-driven document

To put it simply, it is a library of JavaScript functions, which is mainly used for data visualization.

D3 is an open source project written by an engineer at the New York Times.

What preparatory knowledge is needed to learn D3

HTML: hypertext markup language for setting the content of a web page

CSS: cascading style sheets for styling web pages

JavaScript: a literal scripting language for setting the behavior of web pages

DOM: document object model for modifying the content and structure of a document

SVG: scalable vector graphics for drawing visual graphics

Learning curve of D3

I have been using D3 for the past few years and have used it to draw all kinds of graphical curves. However, one problem is that although I understand the basic concepts of D3, it is still difficult for me to be familiar with it, and my colleagues feel the same way. Like most people, most of the time, we find an example online and modify it to be needed in an actual project.

If you were asked to write a chart from scratch, you would probably feel uneasy and nervous:

In my opinion, D3.js provides powerful visual component capabilities, but for ordinary people, the learning curve is also high. If you want to play D3.js deeply, you still need to have deep basic skills.

As we all know, it is very difficult to draw Sanji map, hierarchical TreeMap, rising sun map, bi-directional contrast map, etc., first take the data from the database, and then organize the data into the format supported by the graph, coupled with the need to write a lot of code to achieve component rendering.

However, there is a better solution to data visualization. NBI one-stop big data visualization analysis platform deeply integrates D3.jsrecovery. after their secondary encapsulation, it can achieve zero coding and drag-and-drop data visualization on the platform.

NBI big data visual construction platform: rich component library, free and flexible layout mode, drag and drop operation

Through the intelligent prompt of the component, you can achieve visualization by dragging the corresponding dimensions or characters into the corresponding columns without coding or calculation, and make the graphics look more beautiful through the configuration of the attributes on the right.

The production of the data report can be completed in a few minutes, and after it is saved, it can be viewed throughout the network and easy to share. The emergence of NBI big data visualization greatly simplifies the input cost of data visualization.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.