Overview:

The D3 Color Schemes asset provides a collection of predefined color palettes for charts, dashboards, and UI components in OutSystems.

• Categorical: Distinct colors for discrete categories (schemeCategory10, schemeSet1)

• Sequential (Single-Hue & Multi-Hue): Gradients for numeric ranges (Blues, Viridis, Inferno)

• Diverging: Colors diverging from a midpoint (RdBu, Spectral)

• Cyclical: Smooth gradients for circular data (Rainbow, Sinebow)

Features:

• Click a palette to copy its color array

• Pass the copied array to Test_Palette Block for visualization

• Supports numeric, categorical, and periodic data

• Drag ColorPalette Block to display palettes

• Drag Test_Palette Block to show visual representation and test the copied array.

Usages:

1. Show Palettes:

   • ColorPalette Block displays all palette categories.

   • Click a palette to copy its color codes.

2. Visualize Palette:

   • Pass copied colors as input to Test_Palette Block.

   • It renders a horizontal bar showing each color.

3. Use in Charts:

   • Integrate copied colors in D3 charts or CSS

   • "const color = d3.scaleOrdinal()
         .domain(data.map(d => d.category))
         .range(copiedPaletteArray);