Column chart with figma variables | variable modes example in figma

How to create column chart using figma variables ?
Step 1 create layout for column chart
Step 2 add annotation for column chart (ex- sales, expenses, profit)
Step 3 Local variable as table
Step 4 create column (default & active state along with tooltip data)
Step 5 Apply variables, Pass through (show/hide)
Step 6 Variable mode to change with different entries given in local variable as table data
In this video explained
- how to use figma local variables (Boolean, String, Number)
- how to use figma show/hide feature (using pass through)
- how to use figma variable modes (using as repeater data)
- how to create components using local variables
- how to create reusable component in figma

[@nihb6578]

Helpful

[@curdweb]

Download figma files from -