D3 Wrapper

• Using Empirical’s D3.js Wrapper
  • A Minimal Example
    • C++ File
    • HTML File
    • CSS File
    • Running your visualization
  • Writing Your Own Visualization
    • Selections
    • Binding Data
    • Changing Elements’ Traits
  • Transitions
    • Scales and Axes
  • Passing Functions as Arguments
  • Under the Hood (for the curious, developers, and people trying to do weird stuff)
• D3 Wrapper API
  • Basic D3 Objects {#D3_Base}
  • Selections and Transitions {#Selections_and_Transitions_API}
  • Scales {#Scales_API}
  • Axes {#Axes_API}
  • SVG Shapes and Paths {#SVG_Shapes_API}
  • Datasets {#Dataset_API}

API

• axis.hpp
  • D3
    • D3::DrawAxes()
    • D3::Axis
      • D3::Axis::Axis()
      • D3::Axis::Draw()
      • D3::Axis::ApplyAxis()
      • D3::Axis::SetScale()
      • D3::Axis::GetScale()
      • D3::Axis::AdjustLabelOffset()
      • D3::Axis::Move()
      • D3::Axis::SetTickValues()
      • D3::Axis::SetTickSize()
      • D3::Axis::SetTickSizeInner()
      • D3::Axis::SetTickSizeOuter()
      • D3::Axis::SetTickPadding()
      • D3::Axis::SetTicks()
      • D3::Axis::SetTickFormat()
      • D3::Axis::Rescale()
      • D3::Axis::group
      • D3::Axis::scale
      • D3::Axis::label
      • D3::Axis::dom_id
      • D3::Axis::label_offset
      • D3::Axis::orientation
• d3_init.hpp
  • D3
    • D3::NextD3ID()
    • D3::D3_Base
      • D3::D3_Base::GetID()
      • D3::D3_Base::Log()
      • D3::D3_Base::D3_Base()
      • D3::D3_Base::D3_Base()
      • D3::D3_Base::D3_Base()
      • D3::D3_Base::operator=()
      • D3::D3_Base::~D3_Base()
      • D3::D3_Base::id
    • D3::ToolTip
      • D3::ToolTip::ToolTip()
      • D3::ToolTip::ToolTip()
      • D3::ToolTip::SetHtml()
    • D3::FormatFunction
      • D3::FormatFunction::FormatFunction()
      • D3::FormatFunction::operator()()
    • D3::JSObject
      • D3::JSObject::JSObject()
    • D3::JSFunction
      • D3::JSFunction::JSFunction()
      • D3::JSFunction::JSFunction()
      • D3::JSFunction::operator()()
• dataset.hpp
  • D3
    • D3::Dataset
      • D3::Dataset::Dataset()
      • D3::Dataset::Dataset()
      • D3::Dataset::CaptureIncoming()
      • D3::Dataset::Min()
      • D3::Dataset::Max()
    • D3::JSONDataset
      • D3::JSONDataset::JSONDataset()
      • D3::JSONDataset::JSONDataset()
      • D3::JSONDataset::LoadDataFromFile()
      • D3::JSONDataset::LoadDataFromFile()
      • D3::JSONDataset::LoadDataFromFile()
      • D3::JSONDataset::Append()
      • D3::JSONDataset::AppendNested()
      • D3::JSONDataset::AppendNestedFromList()
      • D3::JSONDataset::FindInHierarchy
    • D3::CSVDataset
      • D3::CSVDataset::CSVDataset()
      • D3::CSVDataset::CSVDataset()
      • D3::CSVDataset::LoadDataFromFile()
      • D3::CSVDataset::Parse()
      • D3::CSVDataset::ParseRows()
      • D3::CSVDataset::GetLastRow()
• histogram.hpp
  • D3
    • D3::HistogramBin
    • D3::Histogram
      • D3::Histogram::Histogram()
      • D3::Histogram::~Histogram()
      • D3::Histogram::SetDomain()
      • D3::Histogram::Domain()
      • D3::Histogram::GetDomain()
      • D3::Histogram::Domain()
      • D3::Histogram::SetThresholds()
      • D3::Histogram::SetThresholds()
      • D3::Histogram::Thresholds()
      • D3::Histogram::Call()
      • D3::Histogram::operator()()
      • D3::Histogram::SetValueAccessor()
      • D3::Histogram::Value()
      • D3::Histogram::value_fun_id
• layout.hpp
  • D3
    • D3::Layout
      • D3::Layout::Layout()
      • D3::Layout::Layout()
    • D3::JSONTreeNode
    • D3::TreeLayout
      • D3::TreeLayout::TreeLayout()
      • D3::TreeLayout::TreeLayout()
      • D3::TreeLayout::SetDataset()
      • D3::TreeLayout::GenerateNodesAndLinks()
      • D3::TreeLayout::SetSize()
      • D3::TreeLayout::data
      • D3::TreeLayout::make_line
• scales.hpp
  • D3
    • D3::SqrtScale()
    • D3::Scale
      • D3::Scale::Scale()
      • D3::Scale::Scale()
      • D3::Scale::SetRange()
      • D3::Scale::SetRange()
      • D3::Scale::SetDomain()
      • D3::Scale::SetDomain()
      • D3::Scale::Copy()
      • D3::Scale::ApplyScale()
      • D3::Scale::ApplyScale()
      • D3::Scale::ApplyScaleString()
      • D3::Scale::Scale()
    • D3::QuantizeScale
      • D3::QuantizeScale::QuantizeScale()
      • D3::QuantizeScale::QuantizeScale()
      • D3::QuantizeScale::InvertExtent()
    • D3::QuantileScale
      • D3::QuantileScale::QuantileScale()
      • D3::QuantileScale::QuantileScale()
    • D3::ThresholdScale
      • D3::ThresholdScale::ThresholdScale()
      • D3::ThresholdScale::ThresholdScale()
    • D3::IdentityScale
      • D3::IdentityScale::IdentityScale()
      • D3::IdentityScale::IdentityScale()
      • D3::IdentityScale::Invert()
      • D3::IdentityScale::SetTicks()
      • D3::IdentityScale::SetTickFormat()
    • D3::LinearScale
      • D3::LinearScale::LinearScale()
      • D3::LinearScale::LinearScale()
      • D3::LinearScale::SetRangeRound()
      • D3::LinearScale::SetRangeRound()
      • D3::LinearScale::SetInterpolate()
      • D3::LinearScale::Clamp()
      • D3::LinearScale::Nice()
    • D3::LogScale
      • D3::LogScale::LogScale()
      • D3::LogScale::LogScale()
    • D3::PowScale
      • D3::PowScale::PowScale()
      • D3::PowScale::PowScale()
      • D3::PowScale::Exponent()
    • D3::TimeScale
      • D3::TimeScale::TimeScale()
      • D3::TimeScale::TimeScale()
    • D3::OrdinalScale
      • D3::OrdinalScale::OrdinalScale()
      • D3::OrdinalScale::OrdinalScale()
    • D3::Category10Scale
      • D3::Category10Scale::Category10Scale()
    • D3::Category20Scale
      • D3::Category20Scale::Category20Scale()
    • D3::Category20bScale
      • D3::Category20bScale::Category20bScale()
    • D3::Category20cScale
      • D3::Category20cScale::Category20cScale()
      • D3::Category20cScale::id
• selection.hpp
  • D3
    • D3::Select()
    • D3::SelectAll()
    • D3::ShapesFromData()
    • D3::ShapesFromData()
    • D3::SelectionOrTransition
      • D3::SelectionOrTransition::SetAttr()
      • D3::SelectionOrTransition::SetStyle()
      • D3::SelectionOrTransition::SetText()
      • D3::SelectionOrTransition::GetAttrString()
      • D3::SelectionOrTransition::GetAttrInt()
      • D3::SelectionOrTransition::GetAttrDouble()
      • D3::SelectionOrTransition::GetStyleString()
      • D3::SelectionOrTransition::GetStyleInt()
      • D3::SelectionOrTransition::GetStyleDouble()
      • D3::SelectionOrTransition::GetText()
      • D3::SelectionOrTransition::Empty()
      • D3::SelectionOrTransition::Size()
      • D3::SelectionOrTransition::SelectionOrTransition()
      • D3::SelectionOrTransition::SelectionOrTransition()
      • D3::SelectionOrTransition::SelectionOrTransition()
      • D3::SelectionOrTransition::Select()
      • D3::SelectionOrTransition::SelectAll()
      • D3::SelectionOrTransition::Call()
      • D3::SelectionOrTransition::Filter()
      • D3::SelectionOrTransition::Each()
      • D3::SelectionOrTransition::Remove()
      • D3::SelectionOrTransition::Merge()
    • D3::Transition
      • D3::Transition::Transition()
      • D3::Transition::Transition()
      • D3::Transition::NewTransition()
      • D3::Transition::On()
      • D3::Transition::SetDuration()
      • D3::Transition::SetProperty()
      • D3::Transition::SetHtml()
      • D3::Transition::SetClassed()
      • D3::Transition::GetHtml()
      • D3::Transition::GetPropertyString()
      • D3::Transition::GetPropertyInt()
      • D3::Transition::GetPropertyDouble()
    • D3::Selection
      • D3::Selection::Selection()
      • D3::Selection::Selection()
      • D3::Selection::Selection()
      • D3::Selection::Selection()
      • D3::Selection::~Selection()
      • D3::Selection::Data()
      • D3::Selection::GetData()
      • D3::Selection::EnterAppend()
      • D3::Selection::EnterInsert()
      • D3::Selection::Enter()
      • D3::Selection::ExitRemove()
      • D3::Selection::Exit()
      • D3::Selection::SetProperty()
      • D3::Selection::SetHtml()
      • D3::Selection::SetClassed()
      • D3::Selection::GetHtml()
      • D3::Selection::GetPropertyString()
      • D3::Selection::GetPropertyInt()
      • D3::Selection::GetPropertyDouble()
      • D3::Selection::Append()
      • D3::Selection::Insert()
      • D3::Selection::MakeTransition()
      • D3::Selection::MakeTransition()
      • D3::Selection::Interrupt()
      • D3::Selection::Move()
      • D3::Selection::Rotate()
      • D3::Selection::Order()
      • D3::Selection::Raise()
      • D3::Selection::Lower()
      • D3::Selection::On()
      • D3::Selection::Sort()
      • D3::Selection::AddToolTip()
• svg_shapes.hpp
  • D3
    • D3::SvgShapeGenerator
      • D3::SvgShapeGenerator::Generate()
      • D3::SvgShapeGenerator::DrawShape()
      • D3::SvgShapeGenerator::DrawShape()
      • D3::SvgShapeGenerator::DrawShape()
      • D3::SvgShapeGenerator::SvgShapeGenerator()
    • D3::SymbolGenerator
      • D3::SymbolGenerator::SymbolGenerator()
      • D3::SymbolGenerator::SetType()
      • D3::SymbolGenerator::SetSize()
    • D3::BaseLineGenerator
      • D3::BaseLineGenerator::BaseLineGenerator()
      • D3::BaseLineGenerator::SetCurve()
      • D3::BaseLineGenerator::SetTension()
      • D3::BaseLineGenerator::SetDefined()
    • D3::LineGenerator
      • D3::LineGenerator::LineGenerator()
      • D3::LineGenerator::AddXScale()
      • D3::LineGenerator::AddYScale()
      • D3::LineGenerator::SetX()
      • D3::LineGenerator::SetY()
    • D3::LinkGenerator
      • D3::LinkGenerator::LinkGenerator()
      • D3::LinkGenerator::SetSource()
      • D3::LinkGenerator::SetTarget()
    • D3::AreaGenerator
      • D3::AreaGenerator::AreaGenerator()
      • D3::AreaGenerator::SetX0()
      • D3::AreaGenerator::SetY0()
      • D3::AreaGenerator::SetX0()
      • D3::AreaGenerator::SetY0()
      • D3::AreaGenerator::SetX1()
      • D3::AreaGenerator::SetY1()
      • D3::AreaGenerator::SetX1()
      • D3::AreaGenerator::SetY1()
    • D3::RadialLineGenerator
      • D3::RadialLineGenerator::RadialLineGenerator()
      • D3::RadialLineGenerator::SetRadius()
      • D3::RadialLineGenerator::SetRadius()
      • D3::RadialLineGenerator::SetAngle()
      • D3::RadialLineGenerator::SetAngle()
    • D3::RadialAreaGenerator
      • D3::RadialAreaGenerator::RadialAreaGenerator()
      • D3::RadialAreaGenerator::SetInnerRadius()
      • D3::RadialAreaGenerator::SetInnerRadius()
      • D3::RadialAreaGenerator::SetOuterRadius()
      • D3::RadialAreaGenerator::SetOuterRadius()
      • D3::RadialAreaGenerator::SetStartAngle()
      • D3::RadialAreaGenerator::SetStartAngle()
      • D3::RadialAreaGenerator::SetEndAngle()
      • D3::RadialAreaGenerator::SetEndAngle()
    • D3::ChordGenerator
      • D3::ChordGenerator::ChordGenerator()
      • D3::ChordGenerator::SetSource()
      • D3::ChordGenerator::SetSource()
      • D3::ChordGenerator::SetTarget()
      • D3::ChordGenerator::SetTarget()
    • D3::ArcGenerator
      • D3::ArcGenerator::ArcGenerator()
      • D3::ArcGenerator::SetCornerRadius()
      • D3::ArcGenerator::SetCornerRadius()
      • D3::ArcGenerator::SetPadRadius()
      • D3::ArcGenerator::SetPadRadius()
      • D3::ArcGenerator::SetPadAngle()
      • D3::ArcGenerator::SetPadAngle()
• utils.hpp
  • StoreNewObject()
• visual_elements.hpp
  • D3
    • D3::LocNode
    • D3::TileGrid
      • D3::TileGrid::SetCellSize()
      • D3::TileGrid::TileGrid()
      • D3::TileGrid::TileGrid()
      • D3::TileGrid::grid_width
      • D3::TileGrid::grid_height
      • D3::TileGrid::cell_size
      • D3::TileGrid::svg
      • D3::TileGrid::data
• visualizations.hpp
  • emp
    • emp::web
      • emp::web::D3Visualization
        • emp::web::D3Visualization::INFO_TYPE
        • emp::web::D3Visualization::D3Visualization()
        • emp::web::D3Visualization::D3Visualization()
        • emp::web::D3Visualization::D3Visualization()
        • emp::web::D3Visualization::~D3Visualization()
        • emp::web::D3Visualization::GetWidth()
        • emp::web::D3Visualization::GetHeight()
        • emp::web::D3Visualization::GetSVG()
        • emp::web::D3Visualization::GetID()
        • emp::web::D3Visualization::Setup()
        • emp::web::D3Visualization::SetDrawCallback()
        • emp::web::D3Visualization::CallDrawCallback()
        • emp::web::D3Visualization::variables
        • emp::web::D3Visualization::pending_funcs
        • emp::web::D3Visualization::init
        • emp::web::D3Visualization::draw_data_callback
        • emp::web::D3Visualization::Info()
        • emp::web::D3Visualization::Info()
        • emp::web::D3Visualization::D3Visualization()
        • emp::web::D3Visualization::axis_width
        • emp::web::D3Visualization::y_margin
        • emp::web::D3Visualization::x_margin
        • emp::web::D3Visualization::D3VisualizationInfo
          • emp::web::D3Visualization::D3VisualizationInfo::GetType()
          • emp::web::D3Visualization::D3VisualizationInfo::D3VisualizationInfo()
          • emp::web::D3Visualization::D3VisualizationInfo::D3VisualizationInfo()
          • emp::web::D3Visualization::D3VisualizationInfo::operator=()
          • emp::web::D3Visualization::D3VisualizationInfo::~D3VisualizationInfo()
          • emp::web::D3Visualization::D3VisualizationInfo::GetHTML()
          • emp::web::D3Visualization::D3VisualizationInfo::TriggerJS()
          • emp::web::D3Visualization::D3VisualizationInfo::width
          • emp::web::D3Visualization::D3VisualizationInfo::height
          • emp::web::D3Visualization::D3VisualizationInfo::parent
          • emp::web::D3Visualization::D3VisualizationInfo::svg
      • emp::web::DotPlot
        • emp::web::DotPlot::DotPlot()
        • emp::web::DotPlot::Setup()
        • emp::web::DotPlot::AddDataPoint()
        • emp::web::DotPlot::x_scale
        • emp::web::DotPlot::y_scale
        • emp::web::DotPlot::ax
        • emp::web::DotPlot::circles
        • emp::web::DotPlot::tip
        • emp::web::DotPlot::margin
        • emp::web::DotPlot::axis_width
        • emp::web::DotPlot::value_growth_margin
        • emp::web::DotPlot::value_loss_margin
      • emp::web::HeatMap
        • emp::web::HeatMap::Setup()
        • emp::web::HeatMap::grid_width
        • emp::web::HeatMap::grid_height
        • emp::web::HeatMap::cell_size
        • emp::web::HeatMap::grid
      • emp::web::HistogramChart
        • emp::web::HistogramChart::HistogramChart()
        • emp::web::HistogramChart::Setup()
        • emp::web::HistogramChart::DrawData()
        • emp::web::HistogramChart::x_ax
        • emp::web::HistogramChart::y_ax
        • emp::web::HistogramChart::h
        • emp::web::HistogramChart::x_min
        • emp::web::HistogramChart::x_max
        • emp::web::HistogramChart::y_max
      • emp::web::LineGraph
        • emp::web::LineGraph::LineGraph()
        • emp::web::LineGraph::~LineGraph()
        • emp::web::LineGraph::Setup()
        • emp::web::LineGraph::GetXScale()
        • emp::web::LineGraph::GetYScale()
        • emp::web::LineGraph::GetXAxis()
        • emp::web::LineGraph::GetYAxis()
        • emp::web::LineGraph::GetLineGenerator()
        • emp::web::LineGraph::GetDataset()
        • emp::web::LineGraph::GetToolTip()
        • emp::web::LineGraph::GetXAccessor()
        • emp::web::LineGraph::GetYAccessor()
        • emp::web::LineGraph::GetScaledX()
        • emp::web::LineGraph::GetScaledY()
        • emp::web::LineGraph::SetXScale()
        • emp::web::LineGraph::SetYScale()
        • emp::web::LineGraph::SetXAxis()
        • emp::web::LineGraph::SetYAxis()
        • emp::web::LineGraph::SetLineGenerator()
        • emp::web::LineGraph::SetDataset()
        • emp::web::LineGraph::SetTooltipFunction()
        • emp::web::LineGraph::SetXAccessor()
        • emp::web::LineGraph::SetYAccessor()
        • emp::web::LineGraph::DrawPointsFromDataset()
        • emp::web::LineGraph::LoadDataFromFile()
        • emp::web::LineGraph::AddDataPoint()
        • emp::web::LineGraph::Redraw()
        • emp::web::LineGraph::DrawData()
        • emp::web::LineGraph::Clear()
        • emp::web::LineGraph::exit
        • emp::web::LineGraph::y_min
        • emp::web::LineGraph::y_max
        • emp::web::LineGraph::x_min
        • emp::web::LineGraph::x_max
        • emp::web::LineGraph::x_scale
        • emp::web::LineGraph::y_scale
        • emp::web::LineGraph::x_axis
        • emp::web::LineGraph::y_axis
        • emp::web::LineGraph::line_gen
        • emp::web::LineGraph::tip
        • emp::web::LineGraph::dataset
        • emp::web::LineGraph::data
        • emp::web::LineGraph::prev_data
      • emp::web::TreeDataNode
      • emp::web::TreeNode
      • emp::web::TreeVisualization
        • emp::web::TreeVisualization::TreeVisualization()
        • emp::web::TreeVisualization::Setup()
        • emp::web::TreeVisualization::SetTooltipFunction()
        • emp::web::TreeVisualization::GetTreeLayout()
        • emp::web::TreeVisualization::GetDataset()
        • emp::web::TreeVisualization::GetToolTip()
        • emp::web::TreeVisualization::SetDataset()
        • emp::web::TreeVisualization::LoadDataFromFile()
        • emp::web::TreeVisualization::AddDataPoint()
        • emp::web::TreeVisualization::DrawTree()
        • emp::web::TreeVisualization::Clear()
        • emp::web::TreeVisualization::tree
        • emp::web::TreeVisualization::data
        • emp::web::TreeVisualization::InitializeVariables()
        • emp::web::TreeVisualization::y_margin
        • emp::web::TreeVisualization::x_margin
        • emp::web::TreeVisualization::tip
      • emp::web::TreeVisualizationReplacement
        • emp::web::TreeVisualizationReplacement::TreeVisualizationReplacement()
        • emp::web::TreeVisualizationReplacement::Setup()
        • emp::web::TreeVisualizationReplacement::AddDataPoint()
        • emp::web::TreeVisualizationReplacement::RecordPlacement()
        • emp::web::TreeVisualizationReplacement::RecordParent()
        • emp::web::TreeVisualizationReplacement::next_pos
        • emp::web::TreeVisualizationReplacement::next_parent
        • emp::web::TreeVisualizationReplacement::next_child
        • emp::web::TreeVisualizationReplacement::possible_parents
      • emp::web::SpatialGridTreeNode
      • emp::web::SpatialGridTreeVisualization
        • emp::web::SpatialGridTreeVisualization::GetLocHistory()
        • emp::web::SpatialGridTreeVisualization::SpatialGridTreeVisualization()
        • emp::web::SpatialGridTreeVisualization::Setup()
        • emp::web::SpatialGridTreeVisualization::grid_width
        • emp::web::SpatialGridTreeVisualization::grid_height
        • emp::web::SpatialGridTreeVisualization::legend_cell_size
        • emp::web::SpatialGridTreeVisualization::legend
        • emp::web::SpatialGridTreeVisualization::node_mouseover
        • emp::web::SpatialGridTreeVisualization::color_fun_node
        • emp::web::SpatialGridTreeVisualization::dark_color_fun
        • emp::web::SpatialGridTreeVisualization::color_fun_link
        • emp::web::SpatialGridTreeVisualization::legend_mouseover
        • emp::web::SpatialGridTreeVisualization::legend_mouseout
        • emp::web::SpatialGridTreeVisualization::LegendNode
        • emp::web::SpatialGridTreeVisualization::TreeEdge