mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-04-19 04:00:56 -04:00
133 lines
2.9 KiB
JSON
133 lines
2.9 KiB
JSON
{
|
|
"name": "Data Visualization with D3",
|
|
"isUpcomingChange": false,
|
|
"dashedName": "data-visualization-with-d3",
|
|
"helpCategory": "JavaScript",
|
|
"order": 0,
|
|
"time": "5 hours",
|
|
"template": "",
|
|
"required": [
|
|
{
|
|
"src": "https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"
|
|
}
|
|
],
|
|
"superBlock": "data-visualization",
|
|
"challengeOrder": [
|
|
[
|
|
"587d7fa6367417b2b2512bc2",
|
|
"Add Document Elements with D3"
|
|
],
|
|
[
|
|
"587d7fa6367417b2b2512bc3",
|
|
"Select a Group of Elements with D3"
|
|
],
|
|
[
|
|
"587d7fa7367417b2b2512bc4",
|
|
"Work with Data in D3"
|
|
],
|
|
[
|
|
"587d7fa7367417b2b2512bc5",
|
|
"Work with Dynamic Data in D3"
|
|
],
|
|
[
|
|
"587d7fa7367417b2b2512bc6",
|
|
"Add Inline Styling to Elements"
|
|
],
|
|
[
|
|
"587d7fa7367417b2b2512bc7",
|
|
"Change Styles Based on Data"
|
|
],
|
|
[
|
|
"587d7fa7367417b2b2512bc8",
|
|
"Add Classes with D3"
|
|
],
|
|
[
|
|
"587d7fa8367417b2b2512bc9",
|
|
"Update the Height of an Element Dynamically"
|
|
],
|
|
[
|
|
"587d7fa8367417b2b2512bca",
|
|
"Change the Presentation of a Bar Chart"
|
|
],
|
|
[
|
|
"587d7fa8367417b2b2512bcb",
|
|
"Learn About SVG in D3"
|
|
],
|
|
[
|
|
"587d7fa8367417b2b2512bcc",
|
|
"Display Shapes with SVG"
|
|
],
|
|
[
|
|
"587d7fa8367417b2b2512bcd",
|
|
"Create a Bar for Each Data Point in the Set"
|
|
],
|
|
[
|
|
"587d7fa9367417b2b2512bce",
|
|
"Dynamically Set the Coordinates for Each Bar"
|
|
],
|
|
[
|
|
"587d7fa9367417b2b2512bcf",
|
|
"Dynamically Change the Height of Each Bar"
|
|
],
|
|
[
|
|
"587d7fa9367417b2b2512bd0",
|
|
"Invert SVG Elements"
|
|
],
|
|
[
|
|
"587d7fa9367417b2b2512bd1",
|
|
"Change the Color of an SVG Element"
|
|
],
|
|
[
|
|
"587d7faa367417b2b2512bd2",
|
|
"Add Labels to D3 Elements"
|
|
],
|
|
[
|
|
"587d7faa367417b2b2512bd3",
|
|
"Style D3 Labels"
|
|
],
|
|
[
|
|
"587d7faa367417b2b2512bd4",
|
|
"Add a Hover Effect to a D3 Element"
|
|
],
|
|
[
|
|
"587d7faa367417b2b2512bd6",
|
|
"Add a Tooltip to a D3 Element"
|
|
],
|
|
[
|
|
"587d7fab367417b2b2512bd7",
|
|
"Create a Scatterplot with SVG Circles"
|
|
],
|
|
[
|
|
"587d7fab367417b2b2512bd8",
|
|
"Add Attributes to the Circle Elements"
|
|
],
|
|
[
|
|
"587d7fab367417b2b2512bd9",
|
|
"Add Labels to Scatter Plot Circles"
|
|
],
|
|
[
|
|
"587d7fab367417b2b2512bda",
|
|
"Create a Linear Scale with D3"
|
|
],
|
|
[
|
|
"587d7fac367417b2b2512bdb",
|
|
"Set a Domain and a Range on a Scale"
|
|
],
|
|
[
|
|
"587d7fac367417b2b2512bdc",
|
|
"Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset"
|
|
],
|
|
[
|
|
"587d7fac367417b2b2512bdd",
|
|
"Use Dynamic Scales"
|
|
],
|
|
[
|
|
"587d7fac367417b2b2512bde",
|
|
"Use a Pre-Defined Scale to Place Elements"
|
|
],
|
|
[
|
|
"587d7fad367417b2b2512bdf",
|
|
"Add Axes to a Visualization"
|
|
]
|
|
]
|
|
} |