Figma Line Chart | data Visualization | Chart UI Components | Chart UI Kit

Показать описание

Data Visualization as "Line chart" with an example of profile visits analytics report.
Line chart created with Local variable, collections,
components, component set, Swap instance and more

Marker is component easy to set local variable to set the height to y-axis value
Local variable made it easy to change/update the marker value in future
Tabs are component easy on click interaction
Hover effect as tooltip which shows number of visits
all elements are in auto layout, easy to scale
easy to customize
easy to edit
easy to use

In this video
how to create line chart using figma local variables, mode, collections
how to create component set
how to use instant swap component property
how to apply variable
how to set height as variable
how to use attach/detach variables

#figmacomponents #figmatutorialforbeginners
#multiselect #dropdownlist #dropdownmenu #selected #components
#freefigmafile #figmavariables
See more figma files :-

Figma components -