Back to Plugins
Fluent Data Viz

Fluent Data Viz

Auto updates angluar gradient color stops to align with the start and end of your donut chart slices

chartdesigndonutdata visualizationmicrosoftdatafluentdesign systemgradients

Plugin Preview

Fluent Data Viz preview

About this plugin

In this initial release, you will need to do some setup:


  1. Create your Arc: this is just an Ellipse, in which you drag the handle to turn them into an arc.
  2. Apply an Angular gradient to the arc that contains 2 color stops.
  3. Run the plugin and keep it open while you edit the arc. Your gradient colors stops will stay aligned to the start and end points of the arc.

Plugin Details

Version3
CreatedFebruary 16, 2024
Last UpdatedFebruary 16, 2024
Categoryediting & effects plugins
CreatorJeremy Knudsen
Stats75 installs, 6 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com