d2bAxis Basic Demos

# Area Chart

Here is a live interactive demo of the default area axis chart without any extra configurations. There is a generator to create the type of chart needed, in this case an area chart. The graph object includes a label or the name of that graph and an array of values needed to create that graph. You can create more graph objects within the graph array to have a chart displaying multiple graphs.

# Bar Chart

Here is a live interactive demo of the default bar axis chart without any extra configurations. There is a generator to create the type of chart needed, in this case a bar chart. The x-axis object requires a scale object in order to ensure the boundaries of the graph stay within the chart, but it can be adjusted. The graph object includes a label or the name of that graph and an array of values needed to create that graph. You can create more graph objects within the graph array to have a chart displaying multiple graphs.

# Boxplot

Here is a live interactive demo of the default boxplot axis chart without any extra configurations. There is a generator to create the type of chart needed, in this case a boxplot chart. The x- and y-axis each have linear padding to ensure the boundaries of the graph stay within the chart, but it can be adjusted. The graph object includes a label or the name of that graph and an array of values needed to create that graph. You can create more graph objects within the graphs array to have a chart displaying multiple graphs.

# Bubble Chart

Here is a live interactive demo of the default bubble axis chart without any extra configurations. This is similar to the sunburst chart where there is a root node and children nodes. Clicking on the bubbles will toggle it to collapse and group bubbles into one bigger bubble or expand one bigger bubble into multiple smaller bubbles. There is a generator to create the type of chart needed, in this case a bubble chart. The graph object includes a label or the name of that graph and an array of values needed to create that graph. You can create more graph objects within the graph array to have a chart displaying multiple graphs.

# Line Chart

Here is a live interactive demo of the default line axis chart without any extra configurations.

# Scatter Chart

Here is a live interactive demo of the default scatter axis chart without any extra configurations. There is a generators object to create the type of chart needed, in this case a scatter chart. The graph object includes a label (name) of that graph and an array of values needed to create that graph. You can create more graph objects within the graphs array to have a chart displaying multiple graphs.

results matching ""

    No results matching ""