Loading video...

Video Failed to Load

Go Home

Want your UI animations to react to real data in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:

codrops's profile picture

Codrops

173,902 subscribers

13,723 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Yep, with data binding lists in Rive it's now possible to create fully customized particle emitters!
0:17

Yep, with data binding lists in Rive it's now possible to create fully customized particle emitters!

Jeff McAvoy

13,178 views • 1 year ago

Data Streaming 🤝 Data Intelligence Confluent and Databricks are teaming up to empower organizations with AI-ready, real-time data. Our seamless integrations between Tableflow, Delta Tables, and Unity Catalog will connect operational and analytical systems, to power AI-driven applications. Learn how we’re bridging the data divide in Jay Kreps and Ali Ghodsi’s blog ➡️
0:10

Data Streaming 🤝 Data Intelligence Confluent and Databricks are teaming up to empower organizations with AI-ready, real-time data. Our seamless integrations between Tableflow, Delta Tables, and Unity Catalog will connect operational and analytical systems, to power AI-driven applications. Learn how we’re bridging the data divide in Jay Kreps and Ali Ghodsi’s blog ➡️

Confluent

10,266 views • 1 year ago

Grok in PowerPoint is now available. Go from prompt to PowerPoint with real-time data, connections to your apps and MCPs, and diagram or image generation directly in your slides.
0:15

Grok in PowerPoint is now available. Go from prompt to PowerPoint with real-time data, connections to your apps and MCPs, and diagram or image generation directly in your slides.

Grok

687,179 views • 26 days ago

3/ Real-time data: Grok can access real-time data from X (formerly Twitter) to provide up-to-date information on current events, trending topics, and ongoing discussions
0:17

3/ Real-time data: Grok can access real-time data from X (formerly Twitter) to provide up-to-date information on current events, trending topics, and ongoing discussions

Poonam Soni

14,784 views • 1 year ago

OctoClaw is your intelligent agent, built to simplify everything. Research, generate, execute, and automate across workflows. From data retrieval to onchain execution, orchestrated in real time. Get started:
0:16

OctoClaw is your intelligent agent, built to simplify everything. Research, generate, execute, and automate across workflows. From data retrieval to onchain execution, orchestrated in real time. Get started:

OpenLedger

11,501 views • 15 days ago

KML? KMZ? GeoJSON? No problem. Bring your data to our real-world canvas. Now in Experimental, create custom data layers in Google Earth to securely combine your data with our iconic imagery and data so you can make better decisions, faster.
0:19

KML? KMZ? GeoJSON? No problem. Bring your data to our real-world canvas. Now in Experimental, create custom data layers in Google Earth to securely combine your data with our iconic imagery and data so you can make better decisions, faster.

Google Earth

20,284 views • 5 months ago

Introducing Plume Nexus: Your Real-World Data Provider In collaboration with leading oracle partners, we're launching an onchain data highway designed for efficient, real-time data integration. Here's what you need to know 👇
0:14

Introducing Plume Nexus: Your Real-World Data Provider In collaboration with leading oracle partners, we're launching an onchain data highway designed for efficient, real-time data integration. Here's what you need to know 👇

Plume

60,766 views • 1 year ago

Real-time & historical prices, volume, metadata, on-chain data & more. Get everything you need to build data-rich crypto apps from a single API.
0:15

Real-time & historical prices, volume, metadata, on-chain data & more. Get everything you need to build data-rich crypto apps from a single API.

CoinGecko

520,011 views • 10 months ago

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:
0:19

A massive repository with end-to-end examples of AI applications with React! Together with MCP and A2A, the Agent-User Interaction Protocol (AG-UI) is the third piece that will help you build user-facing AI agents. This GitHub repository will give you access to a bunch of examples showing you how to build the following: • Real-time updates between AI and users • Shared mutable state between agents and users • Tool orchestration • Security boundaries • UI synchronization In every one of these examples, you'll get the following: • Client sends a POST request to the agent endpoint • Then listens to a unified event stream over HTTP • Each event includes a type and a minimal payload • Agents emit events in real-time • The frontend can react immediately to these events • The frontend emits events and context back to the agent Check the link in the next post:

Santiago

78,271 views • 9 months ago

Import, style, and filter geospatial data in seconds. See your data on Google Earth's real-world canvas to make better decisions, faster. From selecting your next dinner reservation to your next site. The work starts #onEarth ➡️
0:14

Import, style, and filter geospatial data in seconds. See your data on Google Earth's real-world canvas to make better decisions, faster. From selecting your next dinner reservation to your next site. The work starts #onEarth ➡️

Google Earth

10,629 views • 4 months ago

Watch this 20-sec clip to learn how Nodepay’s infrastructure taps into unused internet bandwidth to retrieve real-time data—fueling the next evolution of AI🎥👇
0:18

Watch this 20-sec clip to learn how Nodepay’s infrastructure taps into unused internet bandwidth to retrieve real-time data—fueling the next evolution of AI🎥👇

Nodepay

100,319 views • 1 year ago

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.
0:19

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 views • 3 months ago

Who wants to learn how you can make animations like this in @Framer? Comment "🎓" if you wanna see a tutorial!
0:10

Who wants to learn how you can make animations like this in @Framer? Comment "🎓" if you wanna see a tutorial!

Framer University

32,200 views • 2 years ago

A real-time AI motion capture model with 1B parameters. Connects to a 1080P camera or processes uploaded video to generate 3D motion data in real time. Supports Unreal Engine, Unity, and Blender, requiring 8GB of GPU VRAM for real-time processing.
0:13

A real-time AI motion capture model with 1B parameters. Connects to a 1080P camera or processes uploaded video to generate 3D motion data in real time. Supports Unreal Engine, Unity, and Blender, requiring 8GB of GPU VRAM for real-time processing.

CYANPUPPETS

36,748 views • 4 months ago

Learn to request, play, and track video ads in your Flutter app 🎦 In this video tutorial, learn how to implement VAST ads in your Flutter app using the Interactive Media Ads plugin →
0:12

Learn to request, play, and track video ads in your Flutter app 🎦 In this video tutorial, learn how to implement VAST ads in your Flutter app using the Interactive Media Ads plugin →

Flutter

11,660 views • 1 year ago

We're thrilled to partner with Propchain, a leader in tokenized real estate with over $135M in assets under management! This collaboration integrates property investments into the $NAI ecosystem, leveraging Nuklai's data infrastructure to securely store, manage & optimize tokenized real estate data.
0:17

We're thrilled to partner with Propchain, a leader in tokenized real estate with over $135M in assets under management! This collaboration integrates property investments into the $NAI ecosystem, leveraging Nuklai's data infrastructure to securely store, manage & optimize tokenized real estate data.

Nuklai

21,994 views • 1 year ago

🚀 My New Book is Here: Data Strategy (3rd Edition) 🚀 I’m thrilled to share the release of my latest bestselling book, Data Strategy: How to Use Data and Artificial Intelligence to Transform Your Business. Every business today needs data to survive - but simply having data is not enough. What matters is how you use it. A well-designed data strategy is the key to unlocking value, driving insights, and giving your organisation the competitive edge it needs to thrive in the digital economy. From small organisations to global enterprises, I’ve seen first-hand how a data-driven approach can transform operations, improve decision-making, and unlock entirely new opportunities. That’s why I’ve poured my experience into this book — to help leaders and teams build strategies that don’t just talk about data, but actually deliver measurable impact. 🔍 In this third edition, I’ve expanded the book to reflect the latest developments in data and AI, including: ✅ Generative AI and its role in shaping business innovation. ✅ Synthetic data and how it can accelerate AI adoption. ✅ The potential of quantum computing and what it means for the future of data. ✅ Expanded guidance on cybersecurity, regulations, and ethics in a data-driven world. This isn’t just a theoretical framework - it’s a practical guide to collecting, managing, and using data effectively in order to drive growth, innovation, and long-term success. Whether you’re leading a start-up or a multinational, Data Strategy will equip you with the tools you need to stay ahead in a rapidly evolving landscape. 📖 Pre-order your copy today: 👉 Amazon - 👉 Kogan Page - I can’t wait to hear how this book helps you craft your own data-driven strategy and transform your business for the future.
0:18

🚀 My New Book is Here: Data Strategy (3rd Edition) 🚀 I’m thrilled to share the release of my latest bestselling book, Data Strategy: How to Use Data and Artificial Intelligence to Transform Your Business. Every business today needs data to survive - but simply having data is not enough. What matters is how you use it. A well-designed data strategy is the key to unlocking value, driving insights, and giving your organisation the competitive edge it needs to thrive in the digital economy. From small organisations to global enterprises, I’ve seen first-hand how a data-driven approach can transform operations, improve decision-making, and unlock entirely new opportunities. That’s why I’ve poured my experience into this book — to help leaders and teams build strategies that don’t just talk about data, but actually deliver measurable impact. 🔍 In this third edition, I’ve expanded the book to reflect the latest developments in data and AI, including: ✅ Generative AI and its role in shaping business innovation. ✅ Synthetic data and how it can accelerate AI adoption. ✅ The potential of quantum computing and what it means for the future of data. ✅ Expanded guidance on cybersecurity, regulations, and ethics in a data-driven world. This isn’t just a theoretical framework - it’s a practical guide to collecting, managing, and using data effectively in order to drive growth, innovation, and long-term success. Whether you’re leading a start-up or a multinational, Data Strategy will equip you with the tools you need to stay ahead in a rapidly evolving landscape. 📖 Pre-order your copy today: 👉 Amazon - 👉 Kogan Page - I can’t wait to hear how this book helps you craft your own data-driven strategy and transform your business for the future.

Bernard Marr

10,980 views • 10 months ago

Just built a 3D Strava/Apple Health fitness visualizer in Omma AI (by Spline) that turns .gpx files into 3D terrain with live metrics. Drag, drop, and watch your run come to life in real-time. Lmk if you want to remix and test with your own data!
0:14

Just built a 3D Strava/Apple Health fitness visualizer in Omma AI (by Spline) that turns .gpx files into 3D terrain with live metrics. Drag, drop, and watch your run come to life in real-time. Lmk if you want to remix and test with your own data!

Gábor Pribék

19,896 views • 3 months ago

To build an obstacle course, you first need one thing: obstacles! Learn how to use Verse to animate prop movement to make dynamic obstacles with our Math In UEFN tutorial series! Watch now >>
0:18

To build an obstacle course, you first need one thing: obstacles! Learn how to use Verse to animate prop movement to make dynamic obstacles with our Math In UEFN tutorial series! Watch now >>

Fortnite Creators

11,540 views • 1 year ago

I created a cinematic, data-driven UI built around complex systems and a strong central hero. First non-client UI I’ve built from scratch in a long time. Built in Illustrator → animated in After Effects. Hero asset: Midjourney → Nano Banana wireframe.
0:16

I created a cinematic, data-driven UI built around complex systems and a strong central hero. First non-client UI I’ve built from scratch in a long time. Built in Illustrator → animated in After Effects. Hero asset: Midjourney → Nano Banana wireframe.

Nawaz Alamgir

40,851 views • 5 months ago