Color Schemes - Overview (O11)

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 22 Oct (yesterday)

Eone Technologies

0.0

(0 ratings)

Details

A color scheme is a predefined set of colors chosen to work well together. In data visualization, a color scheme is used to represent data consistently, making charts, graphs, and dashboards visually appealing and easy to interpret. Types of color schemes and its usage: Categorical: Show distinct categories, Sequential: Represents numeric data with order or magnitude, Diverging: Used when data has a meaningful midpoint, e.g., zero or average, Cyclical: For periodic or circular data, like angles, time of day, or seasons.

This asset provides a collection of D3.js color schemes for charts, dashboards, and UI components. It includes:

Categorical: Distinct colors for discrete categories (e.g., schemeCategory10, schemeSet1).
Sequential (Single-Hue & Multi-Hue): Gradients representing numeric ranges (e.g., Blues, Viridis, Inferno).
Diverging: Colors diverging from a central value to highlight extremes (e.g., RdBu, Spectral).
Cyclical: Smooth transitions for circular or periodic data (e.g., Rainbow, Sinebow).

Each palette is available as an array of colors (hex or rgb) for easy integration with D3.js or CSS in OutSystems. They are suitable for numeric, categorical, or periodic data visualizations.

Two Blocks are included: one to display the D3 color palettes and another to show their visual representation. When a palette is clicked, its color codes are copied and passed as input to the Test_Palette block, which renders a visual representation of the selected palette.

Release notes (1.0.0)

License (1.0.0)

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (0)

Team