What data formats are supported?

You can provide data as a JSON array or a simple text format using the pipe separator: label|leftValue|rightValue.

Can I customize the colors of the bars?

Yes, you can select from predefined color schemes or manually set the color for the left-side bars.

Is it possible to set a custom scale for the chart?

Yes, you can define specific minimum and maximum values to control the axis scale, or leave them blank for automatic scaling.

Can I hide the grid lines or values?

Yes, the tool includes checkboxes to toggle the visibility of grid lines, data values, and the legend.

What is the maximum height for the generated chart?

The chart height can be adjusted between 300 and 800 pixels to fit your presentation needs.

Elysia Tools

Navigation

Data Visualization

Comparison Bar Chart Generator

Generate back-to-back bar charts for positive and negative value comparison, perfect for contrasting data sets

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

16 options

ContentPaste or type the main input values.4

Chart DatatextareaRequiredData for the comparison chart. Supports JSON array or simple label|leftValue|rightValue text formatChart TitletextOptionalTitle that will be displayed above the chartLeft Side LabeltextOptionalLabel for the left side of the chartRight Side LabeltextOptionalLabel for the right side of the chart

SettingsAdjust formats, ranges, numbers, and modes.9

Color SchemeselectOptionalLeft Bar ColorcolorOptionalColor for the left bars (right bar color comes from color scheme)Chart HeightnumberOptionalHeight of the chart in pixelsBar WidthnumberOptionalMaximum width of the bars in pixelsMaximum ValuenumberOptionalMaximum value for the chart scale (leave empty for auto)Minimum ValuenumberOptionalMinimum value for the chart scaleAnimation DurationnumberOptionalDuration of bar animation in millisecondsBackground ColorcolorOptionalBackground color for the chart containerGrid ColorcolorOptionalColor for the grid lines

TogglesEnable or disable optional behavior.3

Show Grid LinescheckboxOptionalEnabled when checkedDisplay grid lines for better readabilityShow ValuescheckboxOptionalEnabled when checkedDisplay values on the barsShow LegendcheckboxOptionalEnabled when checkedDisplay a legend below the chart

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Comparison Bar Chart Generator

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Product Performance Comparison

2. Budget vs. Actual Spending

FAQ

QR Code Samples

Grafana Advanced Application Samples

WebRTC Real-Time Communication Samples

Distributed Tracing Samples

Donut Chart Generator

Funnel Chart Generator

Gantt Chart Generator

Milestone Chart Generator

Chart and Diagram Generators

JSON Schema, Mock Data, and API Fixture Generators

JSON to Typed Code Generators (TypeScript, Go, Rust, Kotlin, Java, C#)

JSON Interchange and Format Translation Tools