V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
coolwulf
V2EX  ›  分享创造

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

  •  
  •   coolwulf · 2023-01-17 05:04:29 +08:00 · 1762 次点击
    这是一个创建于 681 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    我个人使用过不少图形显示的工具,比如 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 条回复    2023-01-17 11:48:46 +08:00
    netabare
        1
    netabare  
       2023-01-17 06:57:11 +08:00 via Android   ❤️ 1
    感觉挺有趣的,关注一下(
    loading
        2
    loading  
       2023-01-17 07:29:24 +08:00 via Android
    svelte 越用越喜欢。
    xieren58
        3
    xieren58  
       2023-01-17 11:48:46 +08:00
    感觉不如 solidjs
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3761 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:34 · PVG 18:34 · LAX 02:34 · JFK 05:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.