Files
freeCodeCamp/curriculum/structure/blocks/data-visualization-with-d3.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"
}