Skip to main content

Line Chart Node

The Line Chart Node visualizes trends over time or ordered categories by connecting data points with lines.

Overview​

Users must select columns for the X and Y axes. The node plots the data points and connects them, making it ideal for time-series analysis.

Key Features​

  • Trend visualization: Shows changes over time or sequence.
  • Multiple series: Plot several lines for comparison.
  • Dashboard integration: Add to dashboards for ongoing monitoring.

Required Data​

  • xColumn: The X axis (typically time or ordered category).
  • yColumns: Array of Y axis columns (one or more series).

id: bar title: Bar Chart Node​

Bar Chart Node

The Bar Chart Node displays categorical data using horizontal or vertical bars, making it easy to compare values across categories.

Overview​

This node requires the user to select a category column (X axis) and one or more value columns (Y axis). Each bar represents a category, and its length corresponds to the value.

Key Features​

  • Category comparison: Visualize and compare multiple categories.
  • Multiple value columns: Display grouped or stacked bars.
  • Customizable orientation: Supports horizontal (bar) or vertical (column) layouts.
  • Dashboard ready: Integrates with dashboards for interactive exploration.

Required Data​

  • xColumn: The category column.
  • yColumns: Array of value columns.
  • subCategoryColumn (optional): For grouped bars.
  • stacked, vertical, log, polar, movingAvg, to100: Additional display options.

Chart Creator User Guide

Create stunning charts from your data with simple point-and-click controls. No coding required!

Quick Start​

  1. Connect your data source (CSV, database, or spreadsheet)
  2. Choose your chart type using the settings panel
  3. Select which columns to display
  4. Customize the appearance with toggles and dropdowns
  5. Your chart updates automatically!

Chart Settings Panel​

X-AXIS Section​

Column Selector​

What it does: Choose which column from your data goes on the horizontal (bottom) axis

  • Click the dropdown to see all available columns
  • Common choices: dates, categories, names, time periods

CATEGORICAL Toggle​

What it does: Treats your X-axis data as categories instead of numbers

  • ON: Perfect for names, products, regions (treats "1, 2, 3" as labels, not numbers)
  • OFF: Good for actual numbers, measurements, years (treats numbers as continuous)

TIMELY Toggle​

What it does: Formats your X-axis as dates and times

  • ON: Great for time series data, automatically formats dates nicely
  • OFF: Treats data as regular categories or numbers

Y-AXIS Section​

Add Data Columns​

What it does: Choose which columns from your data become lines, bars, or points on your chart

  • Click "+ Column" to add more data series
  • Each column becomes a separate line/bar/series
  • Use the X button to remove columns you don't want

STACK GROUP​

What it does: Groups certain data series together when using stacked charts

  • Type a group name (like "Sales" or "Group1")
  • Series with the same stack group name will stack on top of each other
  • Leave blank for no grouping

CUSTOM AXIS​

What it does: Give your data series a custom name for the chart legend

  • Changes what appears in the chart legend
  • Useful for making "revenue_q1" display as "Q1 Revenue"

Series Configuration​

SERIES BY Dropdown​

What it does: Splits your data into separate series based on another column

  • Example: Split sales data by "Region" to show separate lines for each region
  • Creates multiple colored lines/bars automatically
  • Choose "Column" to disable this feature

ANIMATE TIME BY Dropdown​

What it does: Creates an animated chart that changes over time

  • Pick a column with time periods (years, quarters, months)
  • Adds play/pause controls to your chart
  • Watch your data change over time automatically
  • Choose "Column" to disable animation

Chart Style Options​

Layout Toggles​

HORIZONTAL Toggle​

What it does: Flips your chart sideways

  • ON: Bars go horizontal (left to right)
  • OFF: Standard vertical layout (bottom to top)

STACKED Toggle​

What it does: Stacks data series on top of each other instead of side by side

  • ON: Shows cumulative totals, great for part-of-whole analysis
  • OFF: Shows series separately, good for comparisons

TO 100% Toggle​

What it does: Converts all values to percentages that add up to 100%

  • ON: Perfect for showing proportions and relative size
  • OFF: Shows actual values from your data

POLAR Toggle​

What it does: Creates circular/radial charts instead of rectangular ones

  • ON: Makes radar charts, rose charts, and circular visualizations
  • OFF: Standard rectangular chart layout

Enhancement Options​

ERROR BARS Toggle​

What it does: Adds uncertainty indicators to your data points

  • ON: Shows small lines above/below points indicating data reliability
  • OFF: Clean chart without error indicators

MOVING AVG Toggle​

What it does: Smooths out your data by averaging nearby points

  • ON: Creates smoother trend lines, reduces noise in data
  • OFF: Shows raw data exactly as provided

Chart Types & When to Use Them​

📈 Line Charts​

Best for: Trends over time, continuous data, multiple data series Settings to try:

  • Turn ON TIMELY for date data
  • Turn ON MOVING AVG for smoother trends
  • Add multiple columns for comparison

📊 Bar Charts​

Best for: Comparing categories, discrete data, rankings Settings to try:

  • Turn ON CATEGORICAL for category names
  • Turn ON STACKED for part-of-whole analysis
  • Turn ON HORIZONTAL for long category names

📈 Stacked Charts​

Best for: Showing how parts make up a whole over time Settings to try:

  • Turn ON STACKED
  • Turn ON TO 100% for proportional view
  • Use multiple Y-axis columns

🎯 Scatter Plots​

Best for: Finding relationships between two numeric variables Settings to try:

  • Use numeric columns for both X and Y axes
  • Turn ON ERROR BARS to show data uncertainty
  • Use SERIES BY to color-code different groups

🏔️ Area Charts​

Best for: Showing volume/magnitude over time Settings to try:

  • Turn ON TIMELY for time data
  • Turn ON STACKED for cumulative areas
  • Great with ANIMATE TIME BY for temporal data

Pro Tips​

💡 Getting Better Results​

For Time Data: Always turn ON TIMELY when your X-axis has dates, times, or years

For Categories: Turn ON CATEGORICAL when using text labels, product names, or regions

For Comparisons: Add multiple columns to your Y-axis to compare different metrics

For Proportions: Use STACKED + TO 100% to show percentages and proportions

For Animations: Use ANIMATE TIME BY with columns like "Year", "Quarter", or "Month"

🎨 Making Charts Look Great​

Colors: Each data series automatically gets a different color

Legends: Will show your column names (or custom names you set)

Tooltips: Hover over any part of your chart to see exact values

Zoom: Click and drag to zoom into specific areas of your chart

🔧 Troubleshooting​

Chart looks weird?

  • Check if CATEGORICAL should be ON for text data
  • Make sure TIMELY is ON for date columns

Too many lines?

  • Remove extra columns from Y-axis
  • Use SERIES BY to group similar data

Data not stacking right?

  • Make sure STACKED is ON
  • Check your STACK GROUP settings

Animation not working?

  • Ensure your ANIMATE TIME BY column has multiple time periods
  • Try columns like "Year", "Month", "Quarter"

Examples​

Sales Trend Over Time​

  • X-axis: Date column, TIMELY ON
  • Y-axis: Sales amount
  • Chart type: Line chart
  • Extra: Turn on MOVING AVG for smoother trends

Regional Sales Comparison​

  • X-axis: Month, CATEGORICAL ON
  • Y-axis: Sales amount
  • SERIES BY: Region
  • Chart type: Bar chart

Budget Breakdown​

  • X-axis: Department, CATEGORICAL ON
  • Y-axis: Budget amount
  • STACKED: ON, TO 100%: ON
  • Chart type: Stacked bar chart

Growth Animation​

  • X-axis: Month, CATEGORICAL ON
  • Y-axis: Revenue
  • ANIMATE TIME BY: Year
  • Chart type: Bar chart with animation

Ready to create amazing charts? Connect your data and start exploring!