Data Visualization - Animate Horizontally Scrollable Table in Figma

preview_player
Показать описание
In this Figma tutorial, you'll learn how to create a functional horizontally scrollable table for your UI design projects. Whether you're designing a dashboard, data visualization, or any application that requires a table with horizontal scrolling, this step-by-step guide has got you covered.

  1. Design with Asif
Рекомендации по теме
Data Visualization - 0:04:03

Data Visualization - Animate Horizontally Scrollable Table in Figma

D3.js in 100 0:02:20

D3.js in 100 Seconds

UI Design Tips 0:04:28

UI Design Tips for a Better Data Table UX

How to Make 0:03:31

How to Make Bar Chart Race Video | Tutorial

Create Manual Bar 0:08:55

Create Manual Bar Graph in PowerPoint with 5 animated options

How to Animate 0:08:04

How to Animate a Chart in PowerPoint (Advanced Tricks)

Presentation Tip: Chart 0:01:41

Presentation Tip: Chart Animation | Bar Graph | Powerpoint Animation Tutorial

FLOURISH TUTORIAL: PART 0:09:52

FLOURISH TUTORIAL: PART 5 - Scatter plot and animation

Embedding 3D Web 0:44:24

Embedding 3D Web Components for better Data Visualization

#30DaysOfDataViz: Day 3 0:04:15

#30DaysOfDataViz: Day 3 - Animated Bar Race Char (d3 template)

Data Visualization in 0:45:31

Data Visualization in the Browser

How to Design 0:01:23

How to Design an Animated Line - Figma Tutorial

Power BI Animated 0:08:37

Power BI Animated Bar Race Chart Tutorial

Observations on animation 0:47:51

Observations on animation in data visualization

Daily Data - 0:00:23

Daily Data - 5 Modern, Editorial, Animated Data Visualisation Templates for After Effects 2021

Creating a Line 0:00:56

Creating a Line Graph | Universal Data Visualization | 123done

infographics animation or 0:01:17

infographics animation or data visualization created by videosays on peopleperhour

Excel Chart Animation 0:16:18

Excel Chart Animation in PowerPoint 🔥Bar Chart🔥

Redesigning beautiful charts 0:16:50

Redesigning beautiful charts to look like McKinsey slides

Create an animated 0:02:33

Create an animated BAR CHART RACE in Canva

Meet Universal Data 0:00:26

Meet Universal Data Visualization v1.0 | 123done

Data Visualization with 0:52:18

Data Visualization with R by Matthew Renze

Quick 3D Container 0:15:12

Quick 3D Container Chart in Excel

Data Visualization Recipes 0:02:31

Data Visualization Recipes with Python and Matplotlib 3: Drawing Animated Graphs | packtpub.com

Комментарии
Автор

This was really useful! I spent an hour looking into other videos/articles that didn’t had an actual solution to the problem. Thank you!

Автор

Hey! Asif, Can you please show how to create "Table Grid" that you're showing in this video? It would really helpful to me.
I really grateful to you for horizontal scrolling. Actually this horizontal scrolling table I searched a bunch of videos but did not get. But Here i really happy.. Thanks a lot! 🙌

DM-DesignsInMyUniverse
Автор

Asif, How to show the scrollbar line with above scrollable section?

DM-DesignsInMyUniverse
Автор

I can't make the first column fixed, how do I do that? The FIXED option is disabled in my figma file

rociogarcia
Автор

but my table are done row wise, how to create frame out of that?

ok-itli
Автор

But wouldn't that be hard to navigate with mouse and keyboard?

sdrplk