V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
coolwulf

开源一个简单高性能的基于 GPU 加速的 SvelteJS + ThreeJS 的二维数据显示库

  •  
  •   coolwulf · Jan 17, 2023 · 2274 views
    This topic created in 1200 days ago, the information mentioned may be changed or developed.

    还在慢慢完善,先释出一个初始版本

    我个人使用过不少图形显示的工具,比如 Plotly.js 或者 Chart.js. 虽然这些库的功能强大,但往往在需要高性能的场景中它们的效能就不够好了。

    于是我决定从性能和易用性着手写一个高性能的二维数据显示的图形库.性能是采用 GPU 渲染,即虽然显示的是二维图像,实际上是在 GPU 上的三位渲染,只是 Camera fix 为二维. 易用性上采用 Svelte.js 的前端接口,当然未来我会加入 React 或者 Vue 的支持

    使用方法:

    Usage:

    import TWODPlot from './components/TwoDPlot.svelte';
    let data_points=[];
    
    			<TWODPlot style="display: block;"
    				_width="600"
    				_height="600"
    				bind:data_array={data_points}
    				format="line"
    			></TWODPlot>
    

    开源 Repo: https://github.com/haojiang99/TwoDPlot

    Demo: https://www.youtube.com/watch?v=-3PLtTk1AdE

    3 replies    2023-01-17 11:48:46 +08:00
    netabare
        1
    netabare  
       Jan 17, 2023 via Android   ❤️ 1
    感觉挺有趣的,关注一下(
    loading
        2
    loading  
       Jan 17, 2023 via Android
    svelte 越用越喜欢。
    xieren58
        3
    xieren58  
       Jan 17, 2023
    感觉不如 solidjs
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1485 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 16:22 · PVG 00:22 · LAX 09:22 · JFK 12:22
    ♥ Do have faith in what you're doing.