d3 sunburst

Data Visualization and D3.js, data visualization D3.jsData Visualization Data visualization is a topic for how to better present data. After the emergence of big data, it becomes more important and urgent. Previously, using excel for column charts, pie charts, and line charts was one of the most commonly used data visualization methods. On the WEB end, the popular extjs, fusioncharts, and jfreechart were us

Learning D3.js (hereinafter referred to as D3) also has a period of time, run D3 do a few projects. I found that Chinese D3 tutorials very few, foreign materials but require a certain degree of English reading ability (recommended site: Http://bl.ocks.org/mbostock), so the germination of writing a

Learning D3.js (hereinafter referred to as D3) also has a period of time, run D3 do a few projects. I found that Chinese D3 tutorials very few, foreign materials but require a certain degree of English reading ability (recommended site: Http://bl.ocks.org/mbostock), so the germination of writing a

Tall and essential! Analysis of D3.js contribution to products and d3.js contribution In this era of talking with data (the age of relying on faces to eat), there is no good presentation form (not a handsome and clear face) and the impact on the entire product, that's simple... In the field of data visualization competition, all users on the Internet pay great attention to front-end presentation of their

[D3.js pro series-1.0] Reading CSV table files, d3.jscsv In the tutorials of the Getting Started series, we often use d3.json () functions to read files in json format. The json format is very powerful, but it may not be suitable for common users. Common users prefer table files generated using Microsoft Excel or OpenOffice Calc, which are easy to edit and easy t

[D3.js advanced series-5.1] color interpolation and linear gradient, d3.js Interpolation Color interpolation provides two RGB color values. The values between two colors are calculated using the interpolation function. A linear gradient is a filter added to an SVG image. You only need to give the color values at both ends. 1. Color Interpolation Color interpolation has been mentioned in chapter 5.0 of the a

[D3.js advanced series-7.0] location, d3.js7.0 Sometimes you need to tell the user some goals on the map, if the target can be expressed by only one coordinate, it is called "annotation ".1. What is Annotation Annotation is an element that can be expressed by only one coordinate on a map. For example, draw a circle at the longitude and latitude (116, 39) and draw a symbol at (108, 30, the annotation can als

D3 learning: Map Projection Method in 12 in D3.js, d3d3. js Special thanks: 1. The D3API Chinese description of [Zhang tianxu] has been referenced on the official website; 2. The course series provided by [Shantou Hua] On ourd3js.com gave us at least one direction for these newcomers. I have to say that learning new technologies abroad is really a very difficult process. When I learned how to draw a map wit

[D3.js advanced series-1.2] solution for garbled characters when reading CSV files, d3.jscsv When d3.csv is used in D3 to read CSV files, garbled characters may occur. How can this problem be solved?1. garbled Problem When reading the xxx.csv file using d3.csv, if the xxx.cs

[D3.js advanced series-6.2] drag and drop a pie chart, d3.js6.2 This article describes a more complex drag-and-drop application, that is, the drag-and-drop Pie Chart Section. In Chapter 9.1, I will explain how to create a pie chart. Each part of a pie chart is represented by an arc with width. When interacting with users, it is interesting to drag and drop each part.1. Creating a pie chart Unlike [Entry-C

[D3.js selection set and data details-2] bind data with data (), d3.jsdata In D3, data binding is mostly done by the data () function. How does it work? What is the difference between it and datum? The data () function can bind array items to each element separately and set binding rules. Data () can also handle the inconsistency between the array length and the

[D3.js advanced series-1.1] Reading of other table files, d3.js1.1 CSV table files use commas as unit delimiters, other TSV files with Tab as unit delimiters, and table files with other manually defined delimiters. This article describes how to read them in D3.1. What is a TSV table file? TSV (Tab Separated Values), tabulation delimiter value, which is different from the CSV file only by separator. The form

[D3.js advanced series-6.0] Drag and drop applications (Drag) and d3.jsdrag Drag (Drag) is an important interactive method. This article describes how to use Drag and drop.1. Definition of drag D3.behavior. drag () can be used in D3 to define the drag behavior. var drag = d3

[D3.js advanced series-4.0] Draw arrows, d3.js4.0 Drawing in the SVG drawing area, when drawing a line and curve, you often need to add an arrow somewhere. This article describes how to add arrows to straight lines and curves in D3. So far, we have drawn D3 charts in the SVG drawing area. Although

[D3.js selection set and data details-5] processing template application, d3.js details In [select set and data-4], a processing template for update, enter, and exit is introduced. This template is very common. This article will explain its usage through an example.1. Template Review the template mentioned in the previous chapter. // After the data is bound, return var update = selection for update, enter,

You probably use a framework or standalone library to the load data into your apps, and if that's overkill for your needs ? What if you ' re just putting together a quick demo? This lesson demonstrates D3 's APIs for loading data on it own, as well as some helpful methods for inspecting your data a nd preparing it for use with D3.function LoadData () {D3.json ('D

[D3.js advanced series-8.0] marking and d3.js series 8.0 Marking Sometimes, you need to draw a line on the map, which means "from somewhere to somewhere". In this case, the line drawn on the map is called "". 1. What is the marking line? A baseline is an element on a map that requires more than two coordinates. For example, connecting Beijing and Shanghai. There are two graphical elements used to draw a ba