Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

173,902 subscribers

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

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 ➡️

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.

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

701,378 views • 1 month 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:

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,743 views • 1 month 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.

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,306 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 👇

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.

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 • 11 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:

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 • 10 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 ➡️

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 • 5 months ago

LangGraph. CrewAI. Agno. Which one to pick? The good news is that this will not matter soon! Finally, we have a full picture of how the industry is solving this with just three open protocols that work across ALL frameworks. It's not about picking the best framework. Instead, it's about understanding how protocols create interoperability. The Agent Protocol Landscape shows how three complementary protocols are creating a universal language for Agents: > AG-UI (Agent-User Interaction): - The bi-directional connection between agentic backends and frontends. - This is how agents become truly interactive inside your apps, not just as chatbots, but collaborative co-workers. > MCP (Model Context Protocol): - The standard for how agents connect to tools, data, and workflows. > A2A (Agent-to-Agent): - The protocol for multi-agent coordination. - How agents delegate tasks and share intent across systems. These aren't competing standards. They're layers of the same stack and have handshakes with each other. So instead of building point-to-point integrations, you build to protocols. Moreover, you can integrate LangGraph, CrewAI, or Agno into the same frontend, without rewriting your UI logic. These protocols let everything work together. For instance: - Your LangGraph agent pulls data via MCP. - It delegates analysis to a CrewAI agent via A2A. - Results stream to your React app via AG-UI. - Users see real-time collaboration in your interface. This way, you can focus on building agent capabilities instead of integration mechanics. The protocols handle interoperability automatically. CopilotKit unifies this entire stack into one framework so you can build "Cursor for X" style apps without implementing each protocol from scratch. It gives you all three protocols, generative UI support, and production-ready infrastructure in one framework. I have shared this playbook in the replies! It breaks down handshakes, misconceptions, and real examples and shows exactly how to start building.

LangGraph. CrewAI. Agno. Which one to pick? The good news is that this will not matter soon! Finally, we have a full picture of how the industry is solving this with just three open protocols that work across ALL frameworks. It's not about picking the best framework. Instead, it's about understanding how protocols create interoperability. The Agent Protocol Landscape shows how three complementary protocols are creating a universal language for Agents: > AG-UI (Agent-User Interaction): - The bi-directional connection between agentic backends and frontends. - This is how agents become truly interactive inside your apps, not just as chatbots, but collaborative co-workers. > MCP (Model Context Protocol): - The standard for how agents connect to tools, data, and workflows. > A2A (Agent-to-Agent): - The protocol for multi-agent coordination. - How agents delegate tasks and share intent across systems. These aren't competing standards. They're layers of the same stack and have handshakes with each other. So instead of building point-to-point integrations, you build to protocols. Moreover, you can integrate LangGraph, CrewAI, or Agno into the same frontend, without rewriting your UI logic. These protocols let everything work together. For instance: - Your LangGraph agent pulls data via MCP. - It delegates analysis to a CrewAI agent via A2A. - Results stream to your React app via AG-UI. - Users see real-time collaboration in your interface. This way, you can focus on building agent capabilities instead of integration mechanics. The protocols handle interoperability automatically. CopilotKit unifies this entire stack into one framework so you can build "Cursor for X" style apps without implementing each protocol from scratch. It gives you all three protocols, generative UI support, and production-ready infrastructure in one framework. I have shared this playbook in the replies! It breaks down handshakes, misconceptions, and real examples and shows exactly how to start building.

Avi Chawla

30,762 views • 8 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🎥👇

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,322 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.

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!

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.

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 →

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.

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

22,015 views • 1 year 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!

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 • 4 months 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.

🚀 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 • 11 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 >>

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

🇺🇸 🇮🇷 Satellite blackout hits the Iran war A major imaging firm halted satellite images after a U.S. request, limiting public access to real-time visuals from the region to prevent adversaries from using the data to track and target U.S. forces.

🇺🇸 🇮🇷 Satellite blackout hits the Iran war A major imaging firm halted satellite images after a U.S. request, limiting public access to real-time visuals from the region to prevent adversaries from using the data to track and target U.S. forces.

Mario Nawfal

625,590 views • 3 months ago

OpenAI's Deep Research is getting a run for its money. Deep Lake was just released, and it's a different take on an AI system that can do deep research on your own data. You can use Deep Lake to build AI search with reasoning on your private and public data. (Look at the attached videos to get an idea of how it works.) If you want to research proprietary and sensitive data, Deep Research won't help you because it's limited to public data. Deep Lake, however, will allow you to use your private data. On top of that, Deep Lake supports multi-modal retrieval from the ground up. It uses vision language models for data ingestion and retrieval so that you can connect any data (PDFs, images, videos, structured data, etc.) You can even use mixed-data queries! Deep Lake can search your data from S3, Dropbox, and GCP. It learns from your queries over time, making the results as relevant to your work as possible!

OpenAI's Deep Research is getting a run for its money. Deep Lake was just released, and it's a different take on an AI system that can do deep research on your own data. You can use Deep Lake to build AI search with reasoning on your private and public data. (Look at the attached videos to get an idea of how it works.) If you want to research proprietary and sensitive data, Deep Research won't help you because it's limited to public data. Deep Lake, however, will allow you to use your private data. On top of that, Deep Lake supports multi-modal retrieval from the ground up. It uses vision language models for data ingestion and retrieval so that you can connect any data (PDFs, images, videos, structured data, etc.) You can even use mixed-data queries! Deep Lake can search your data from S3, Dropbox, and GCP. It learns from your queries over time, making the results as relevant to your work as possible!

Santiago

171,340 views • 1 year ago