iT邦幫忙

data visualization相關文章
共有 128 則文章

技術 E3 渲染的奧秘:分形茱莉亞集合的片段著色器藝術

引言 透過前兩天的範例,我們已經理解了頂點著色器和片段著色器的分工模式,頂點著色器負責處理頂點的空間定位,而片段著色器則專注於每個像素的渲染工作。接下來,我們將...

技術 D6 讓排序演算法起舞吧!3D圓餅圖的排序動畫

引言 昨天我們完成了資料結構的設計,並響應式數據擴充動畫物件,讓動畫執行時能夠呼叫 updateVertices,今天我們將把它完成, 建議先看過這三文章:...

技術 D5 讓排序演算法起舞吧!響應式數據驅動 BufferGeometry

引言 昨天我們學會了頂點數據的動態更新,通過動態創建和局部更新頂點屬性,來優化了渲染效能。接下來就讓我們結合排序演算法,實作三維場景中的動畫吧! 建議先看過這兩...

技術 D4 高效處理大量數據:優化3D長條圖的頂點屬性更新策略

引言 昨天我們透過計算向量和頂點,完成了 3D 的頻譜圖形,接下來我們可以嘗試結合主題 C 的排序演算法,把 2D 的視覺化帶到 3D 場景。不過,在那之前,讓...

技術 D3 從數據到視覺:利用 BufferGeometry 生成 3D 長條圖(下)

引言 在處理 3D 圖形的渲染時,「頂點」是一個至關重要的概念。頂點代表著 3D 空間中的一個點,它是所有幾何形狀的基本組成單位。無論是建立立方體、球體,還是更...

技術 D2 從數據到視覺:利用 BufferGeometry 生成 3D 長條圖(上)

引言 在 3D 圖形渲染和資料視覺化中,效能是關鍵問題之一。隨著資料量的增大,若繼續使用高階語言提供的內建陣列和資料結構,雖然靈活方便,通常會造成效能瓶頸。為了...

技術 D1 Three.js 與音訊處理:3D 音頻視覺化的架構搭建指南

引言 在上一個主題中,我們用原生 JS 完成了基本的粒子系統和排序演算法的視覺化,然而,造輪子還是有一定的局限性,尤其是更複雜的圖形如 3D 的投影和座標轉換,...

技術 C7 堆排序的結構之美-動態演繹堆化過程的優雅

引言 在我們前面的文章中,我們探討了以「分治法」為基礎的排序演算法,例如快速排序和合併排序,並展示了它們如何在前端特效應用中進行視覺化處理。然而,除了分治法,另...

技術 C6 合併排序的舞步-視覺化演繹分治法的魅力

引言 在昨天的文章中,我們介紹了 快速排序(Quick Sort) 演算法,它也是一種基於 分治法 的排序方法。快速排序透過選取一個樞軸(pivot),將數列分...

技術 C4 流動的插入和希爾-迭代生成器驅動的排序動畫

引言 在前一篇文章中,我們完成了泡沫排序和選擇排序,並詳細說明了如何自製迭代方程式,並將其與依賴迭代生成器的方法進行比較。今天,藉著這股勢頭,我們將繼續探索插入...

技術 C2 讓排序演算法起舞吧!最小單位:華爾滋

引言 昨天,我們完成一個簡單的粒子系統,具備了視覺化界面。接下來,讓我們植入排序演算法吧!相信大家也不陌生,就是一種把無序的數列按大小順序排列的方法,我們可以用...

技術 數據可視化的基本原則

有效的數據可視化應遵循以下基本原則,以確保可視化結果準確、清晰和有用: 選擇合適的圖表類型 不同的數據展示需求需要不同類型的圖表。例如,柱狀圖適合比較不同類別的...

技術 數據可視化的發展歷程

數據可視化的發展歷程可以追溯到數百年前,隨著技術的進步和需求的增長,它已經成為現代數據分析和決策支持中不可或缺的一部分。以下是數據可視化的一些重要歷史階段: 早...

技術 數據可視化的意義和重要性

數據可視化是將數據以圖形化的方式呈現,以便更清晰地理解和分析數據。隨著數據量的增長和複雜性的提升,數據可視化在商業和科研領域變得愈加重要。它通過將抽象的數據轉化...

技術 Caco的奇幻之旅4- BufferGeometry Three.js 資料視覺化

前言 上週日出了車禍,左腿縫了兩針,花了不少時間跑醫院,這次文章會短一點唷~我會早點康復回來繼續研究的! 冒牌的Sphere 先前跟朋友討論的時候,承諾了自己要...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23|資料視覺化 - Seaborn

  Python 中,除了 Matplotlib 適合用於資料視覺化之外,Seaborn 也是一個好用的函式庫,兩者經常會放在一起介紹或者使用,今天就和大家聊聊...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22|資料視覺化 - Matplotlib

  Pandas 是 Python 生態系中,適合用來做資料分析或機器學習的套件,上一篇文章介紹 Pandas 中對新手相當友善的繪圖函數 plot( ) ,讓...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21|Pandas 一招帶你快速製圖

  簡報時,我們常會聽到「用數字說話」這句話,面對主管、同事真的是講出每個數字就能讓聆聽者理解嗎?錯!大部分的人單看數字都容易眼花撩亂,想讓對方理解你的報告,圖...

鐵人賽 AI & Data DAY 10

技術 Data Visualization 資料視覺化(vs. BI 商業智慧)

為什麼我會想寫 30 個資料領域詞彙系列呢?資料領域加上 Information Technology,如此深廣的領域,豈是三十天用每天幾百字可以說清楚?我也...

鐵人賽 AI & Data DAY 30

技術 Day 30. 結語、 Data Visualization 資料視覺化 [參考網站介紹] [R]

第30天 結語 R繪圖 [R]latice 基礎資料視覺化圖形 [R]ggplot2 進階繪圖 [R]shiny 互動式Dashboard [R]其他補充網...

鐵人賽 AI & Data DAY 30

技術 Day30_[tableau desktop]資料視覺化不只是製作出可互動dashboard而已

Hi, Day30, 終於來到這次鐵人賽的final了~ 這個月把很多不藏私的小技巧分享給大家, 目的其實不在於炫技, 是希望讀者大家們除了學習到一開始的資料清...

鐵人賽 AI & Data DAY 29

技術 Day29_[tableau desktop]使用顯示&隱藏按鈕快速切換圖表

Hi, Day29 我們之前有練習過怎麼透過參數在一個圖表中根據不同的分析視角去做切換圖表的功能 若今天其實要切換的圖表沒那麼多, 也就兩張圖, 例如每個月的利...

鐵人賽 AI & Data DAY 28

技術 Day28_[tableau desktop]圖表只顯示特定標籤的妙招

Hi, day28 我們在製作圖表的時候常常會使用標籤, 來顯示值, 但是tableau desktop內建可以呈現值的條件有時會不敷需求, 因為只有六種可以選...

鐵人賽 AI & Data DAY 27

技術 Day27_[tableau desktop]如何美化長條圖

Hi day27,我們來看看tableau desktop中的直條圖可以做甚麼小花樣, 更有新的觀感呢? 從資料視覺化的實用性來看, 直條圖算是不可或缺甚至是非...

鐵人賽 AI & Data DAY 26

技術 Day26_[tableau desktop]使用參數突顯表格的欄與列

Hi~Day26, 先前有介紹了幾種讓tableau desktop在呈現表格的時候有更好閱讀的視覺化方法 不過在有些特定的分析題目中, 因為數據量不會太多,...

鐵人賽 AI & Data DAY 25

技術 Day25_[tableau desktop]工作表清單呈現TOP幾(自訂)資料

HI各位, day25我們來看看 假設今天我們有一個表格, 包含年, 姓名, 總銷售額欄位, 若今天使用者的需求是,想要有一個自定義的篩選器, 用來呈現第幾名...

鐵人賽 AI & Data DAY 24

技術 Day24_[tableau desktop]自動篩選到資料中的最新日期

Hi各位, day24, 我們來看看如何在工作簿中設定好, 自動篩選出資料中最新的日期資料吧! 情境:假設我們有一個字卡, 會呈現最新日期的銷售總額, 但是我們...

鐵人賽 AI & Data DAY 23

技術 Day23_[tableau desktop]工作表清單分頁功能

Hi, day23, 我們來看看工作表清單可以有甚麼變化吧! 假設我們有一個表格清單, 裡面記載了年, 月, 客戶名稱, 銷售額 但因為客戶數量非常的多, 導致...

鐵人賽 AI & Data DAY 22

技術 Day22_[tableau desktop]製作視覺品質好的趨勢圖(線圖+區域圖)

Hi, day22我們以往製作線圖來呈現趨勢的時候, 往往挺單調的一條線在時間軸上以day21的線圖, 我們來做一點美化效果吧! 可以怎麼調整修改讓我們的趨勢線...

鐵人賽 AI & Data DAY 21

技術 Day21_[tableau desktop]使用參數切換分析視角

Hi, day21我們來講講如何設定參數來切換圖表要呈現的度量值吧! 甚麼是設定參數來切換呢?假設我們有一個table是各大電信的直營&加盟店數資訊(資...