偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

HTML 5數(shù)據(jù)可視化與科學(xué)研究

開發(fā) 前端
我們今天將談?wù)勅绾螌TML 5 WebGL利用于醫(yī)學(xué)和科研領(lǐng)域的數(shù)據(jù)可視化。這可能是除了游戲之外,HTML 5的另一重大應(yīng)用方面。

盡管HTML5 Canvas 游戲和WebGL Demo在互聯(lián)網(wǎng)上吸引了絕大數(shù)人的眼球,但在這之外,依然有人默默地致力于研究如何將HTML5 WebGL 利用于醫(yī)學(xué)和科研領(lǐng)域的數(shù)據(jù)可視化。

例如 XTK,全稱是X Toolkit,就是一個被設(shè)計為用于科研領(lǐng)域數(shù)據(jù)可視化的 WebGL 框架。它可以解析標準的科研數(shù)據(jù)格式,并生成全交互的、可以旋轉(zhuǎn)的、可以自由查看的3D模型。它可以被廣泛利用于各個領(lǐng)域,從心臟掃描的3D圖形演示,到CERN大型粒子對撞機的散布形態(tài),都可以被很好地進行可視化輸出。在圖形輸出上,XTK主要致力于體繪制技術(shù),它允許進行實體建模(CSG: Constructive Solid Geometry);也就是說,基本上可以用最簡單的幾何體形狀根據(jù)集合論的布爾邏輯來組成復(fù)雜物體。在處理3D圖形數(shù)據(jù)的橫斷面切片時,非常簡單易用。



XTK的作者 Daniel HaehnNicolas Rannou 之前從事于傳統(tǒng)桌面領(lǐng)域的數(shù)據(jù)可視化工程,在去年夏天偶然看到了包括 WebGL Brain Viewer 在內(nèi)的一些 WebGL Demo 之后,他們開始研究那些基于網(wǎng)絡(luò)的數(shù)據(jù)可視化工具。

“那些工具通常都要求使用者對低級計算機圖形編程有深厚的了解,這對于(科研領(lǐng)域的)目標人群來說學(xué)習(xí)難度太大了!”

于是,仿照基于 C++ 開發(fā)的數(shù)據(jù)可視化框架,XTK就誕生了。它的目標是嘗試創(chuàng)建一套可以應(yīng)用于多個領(lǐng)域并且簡化處理流程的 API。關(guān)于XTK的更多信息,你可以查看 Daniel Haehn 的題為《WebGL for Baby Brains》的精彩演講,其中講述了如何在神經(jīng)成像領(lǐng)域更好地利用 web 技術(shù)。

其他科研可視化項目 Zygote Body


這個之前被大家熟知為“Google Body”的項目大概是最為著名的使用了 WebGL 技術(shù)的醫(yī)學(xué)可視化范例。

它以完全互動的方式將完整的人體結(jié)構(gòu)分層呈現(xiàn)在人們面前,包括肌肉結(jié)構(gòu)、各個器官和心血管系統(tǒng)?,F(xiàn)在 Google 已經(jīng)將此項目過繼給 Zygote 公司,而且公開了除美術(shù)資源之外的所有源代碼。
BioDigital Human

BioDigital Human 使用了 SceneJS 這個 WebGL 框架創(chuàng)建了更具細節(jié)的人體解剖演示。目前該項目剛剛結(jié)束 beta 測試,仍然有一些 bug,但是當(dāng)你可以正常的運行時,你一定會為它感到震驚不已。
WebGL Molecule Viewer

科研領(lǐng)域的數(shù)據(jù)可視化并不只是人體結(jié)構(gòu),例如 WebGL Molecule Viewer 就可以解析符合工業(yè)標準的分子描述格式,然后輸出一個可以交互的3D模型查看界面。這個項目的網(wǎng)站看起來有些簡陋,但是內(nèi)在功能卻十分強大,值得一看。
CanvasMol


***要介紹的是 AlteredQualia 在去年夏天發(fā)布的作品,AlteredQualia 同時也是著名的 WebGL 框架 Three.js 的主要代碼貢獻者之一。CanvasMol可以和上面介紹的 WebGL Molecule Viewer 一樣讀取工業(yè)標準格式,然后生成可交互的3D模型,但是它的界面做的更加美觀。

未來將 HTML5 WebGL 技術(shù)應(yīng)用于文化教育領(lǐng)域的潛力十分巨大。與奢侈的游戲娛樂行業(yè)相比,這些團體和組織通常資金有限,但卻擁有海量的科研數(shù)據(jù)。如果能夠通過各種工具讓這些數(shù)據(jù)內(nèi)容顯示在瀏覽器中,那么它們將再次煥發(fā)新生。想象一下——在一個博物館的網(wǎng)站上,訪問者可以在瀏覽器中自由的查看每一件展品;或者在某個醫(yī)學(xué)院的圖書館中而不是實驗室里,學(xué)生可以在“數(shù)碼尸體”上下手,學(xué)習(xí)解剖學(xué)知識。

關(guān)于作者:

Simon Madine,資深游戲設(shè)計師,致力于教育互動產(chǎn)品;同時他也是 Nokia Maps 的高級前端工程師。

【編輯推薦】

  1. 8個非常有用的HTML 5工具你值得擁有
  2. 6個優(yōu)秀的HTML 5/CSS3演示PPT框架推薦
  3. 解決跨平臺問題的***密鑰就是HTML 5?
  4. HTML 5開發(fā):地理位置定位指南
  5. 一句代碼實現(xiàn)HTML 5淘寶語音搜索 
     
責(zé)任編輯:彭凡 來源: cnbeta
相關(guān)推薦

2018-03-06 13:48:59

2017-07-12 16:07:49

大數(shù)據(jù)數(shù)據(jù)可視化

2020-03-11 14:39:26

數(shù)據(jù)可視化地圖可視化地理信息

2021-08-30 11:40:06

PythonSeaborn可視化

2018-03-06 11:02:43

數(shù)據(jù)可視化標配

2017-10-14 13:54:26

數(shù)據(jù)可視化數(shù)據(jù)信息可視化

2011-03-11 13:22:16

2024-08-20 18:16:49

數(shù)據(jù)可視化Python

2010-12-21 18:24:26

2017-02-07 15:54:14

數(shù)據(jù)可視化數(shù)據(jù)分析

2025-02-05 09:22:57

2023-12-19 16:55:18

人工智能科學(xué)研究

2011-04-12 10:59:33

HTML 5開源Maqetta

2011-05-11 15:41:53

HTML5

2018-03-07 11:35:49

Python可視化數(shù)據(jù)

2017-03-28 14:57:23

kylinsuperset可視化

2015-08-20 10:00:45

可視化

2014-08-19 10:47:11

數(shù)據(jù)可視化大數(shù)據(jù)

2020-10-22 08:52:52

Python數(shù)據(jù)集可視化

2023-11-30 09:34:14

數(shù)據(jù)可視化探索
點贊
收藏

51CTO技術(shù)棧公眾號