Radial Line Chart for RAWGraphs

This custom chart is intended to be used inside the RAWGraphs app.

What is a Radial Line Chart

This chart maps a time-based series to a circular axis and draws one line per period. It is useful to compare repeating cycles and highlight seasonality or periodic behavior in a compact form.

The One circle spans option controls how data is grouped into rings:

• Year: one full circle per year
• Month: one full circle per month (day resolution)
• Week: one full circle per week (day resolution)
• Day: one full circle per day (hour resolution)

You can tune line appearance, inner radius, axis density, and color scale using RAWGraphs native visual options.

Installation

• Download the latest release asset (index.umd.js) from the side panel on this page or from the Releases tab.
• In RAWGraphs load a dataset.
• In section 2. Choose a chart, scroll down and click Load your chart.
• Select the Load from file tab, then drag and drop the downloaded file.
• Click Load your chart, acknowledge the pop-up about external code, and continue.
• The Radial Line Chart will now be available in your chart list.

Contribute

If you'd like to contribute, follow the RAWGraphs custom template guide.

Edit the code

Install dependencies

npm install

Run Sandbox

Modify the chart locally with live reload.

npm run sandbox

Open http://localhost:9000 to view the sandbox.

Build

Create the bundle to load in RAWGraphs.

npm run build

The lib/index.umd.js file is the bundle you can load into RAWGraphs.