{
  "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"
}