orvui Approved concept 01 generated with OpenAI image_gen on 2026-10-27; vector contours reconstructed from the approved hero artwork. No embedded raster or external font dependencies. orvui OV mark Approved concept 01 generated with OpenAI image_gen on 2026-10-27; vector contours reconstructed from the approved hero artwork. No embedded raster or external font dependencies.
GitHub
引导组件模板更新日志
全部组件
Button
Animated CTA Buttons
Expandable Control
Action Swap
Expandable Action Bar
Arc Picker
Date Range Picker
Color Picker
Animated Color Selector
Switch
Input
Select
Combobox
Multi Select
Checkbox
Radio Group
Range Slider
Wheel Picker
File Upload
OTP Input
Sign Up Form
Animated Breadcrumb
Table of Contents
Adaptive Stepper
Tabs
Bounce Sidebar
Animated Sidebar
Dock
Animated Context Menu
Command Palette
Morphing Search
Overflow Actions
Expandable Tabs
Morphing Tabs
Bloom Menu
Timeline
Aspect Ratio
Card
Sortable List
File Tree
Preview Rail
Cylinder Carousel
Infinite Masonry
Project Folder
Card Folder
Fixtures
Swipeable List
Animated Collapsible
Bouncy Accordion
Table
Animated Alert
Pull to Refresh
Number Animation
Animated Badge
Animated Toast Stack
Loader
Notification Stack
Feedback Widget
404 / Not Found
Image Viewer
Bottom Sheet
Tooltip
Popover
Morphing Modal
Center Morph Modal
Drawer
Tilt Card
Marquee
Shared Layout Background
Text Animation
Theme Toggle
Scroll Animation
Shader Background
Availability Scheduler
Multi-chain Swap
Dynamic Island
Prediction Market
Wallet Card
Voice Orb
Message Bubble
Message
Message Scroller
Prompt Input
Todo List
Code Block
Approval Card
File Diff
Tool Result
Streaming Response
Image Generation
Tool Approval
Citations
Agent Activity
Agent Loading States
AI Sidebar
Chat App
Sankey Chart
Treemap
Candlestick Chart
Donut Chart
Volume Profile
Status Bar
Composition Chart
Funnel Chart
Liquidity Heatmap
Bump Chart
Order Book
Heat Calendar
Returns Calendar
Price Target Fan

本页目录

  1. 近期加入
  2. 全部数据图表

Vue 数据交互图表

用趋势、分布、关系和时间视图展示数据,并通过悬停、选择和切换阅读细节。从示例结构开始,接入自己的数据与界面主题。

近期加入

Sankey Chart

通过连接节点与按权重分配的带状路径追踪阶段间流向。

全部数据图表

Treemap

用面积随数值变化的嵌套矩形比较层级数据。

Candlestick Chart

借助指针或键盘十字线检查开高低收与成交量数据。

Donut Chart

通过圆环、可选择图例和中心数值比较整体中的各部分。

Volume Profile

通过横向双向条形图比较各价格区间的成交量。

Status Bar

在按比例分段的条形图中汇总各命名状态的数量。

Composition Chart

使用归一化柱形或堆叠面积比较不同分类的组成贡献。

Funnel Chart

跟踪连续阶段,并检查相邻步骤之间的转化与流失。

Liquidity Heatmap

通过可选择强度带的网格检查时间与价格维度的流动性。

Bump Chart

跟踪序列排名随时间的变化,并固定某条序列以便检查。

Order Book

在订单簿中检查买卖档位、累计深度与价格选择。

Heat Calendar

在紧凑日历网格中展示每日活动,检查时可读取精确数值。

Returns Calendar

通过日历、月份汇总和可选日期内容比较每日正负收益。

Price Target Fan

使用从共同起点延伸的目标路径比较价格预测。

本页目录

  1. 近期加入
  2. 全部数据图表
orvuiVue

开始使用 orvui

安装组件包,或按需复制组件源码。

安装指南