{
  "name": "Data Visualization with D3",
  "dashedName": "data-visualization-with-d3",
  "order": 1,
  "time": "5 hours",
  "template": "",
  "required": [
    {
      "src": "https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"
    }
  ],
  "superBlock": "data-visualization",
  "superOrder": 4,
  "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"]
  ],
  "helpRoom": "Help",
  "fileName": "04-data-visualization/data-visualization-with-d3.json"
}