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