BI Awesome
约 3 分钟阅读
标签:资源精选
- thenaturalist/awesome-business-intelligenceGitHubthenaturalist/awesome-business-intelligence
- evidence-dev/evidenceGitHubevidence-dev/evidence
- MIT, Svelte
- Business intelligence as code
- SSG 方式
- datalens-techGitHub 组织datalens-tech
- by Yandex
- cloud.yandex.com/en/services/datalens
- observablehq/plotGitHubobservablehq/plot
- ISC, JS
- observablehq.com/plot
- BI/Business Intelligence
- Metabase
- Redash
- Superset
- jitsucom/jitsuGitHubjitsucom/jitsu
- open-source Segment alternative
- vs-segment
- snowplow/snowplowGitHubsnowplow/snowplow
- Apache-2.0, Scala
- behavioral data engine
- meltano/meltano
- MIT, Python
- ELT for the DataOps
- lightdashGitHublightdash/lightdash
- MIT, Typescript
- Looker alternative
- dbt-labs/dbt-coreGitHubdbt-labs/dbt-core
- Apache-2.0, Python
- cube-js/cube.jsGitHubcube-js/cube.js
- Client Apache-2.0 TS, Backend MIT, Rust
- Pipeline/Data Integration
- airbytehq/airbyte
- honeycombio/honeytailGitHubhoneycombio/honeytail
- Apache-2.0, Go
- extracting structured data out of common log files
- Report
- jeecgboot/JimuReportGitHubjeecgboot/JimuReport
- GPLv3, Java
- jeecgboot/JimuReportGitHubjeecgboot/JimuReport
可视化
- 基础图形
- 折线图、区域图
- 饼图、叠加饼图
- 柱状图
- 散点图
- 扩展图形
- 饼图
- 旭日图
- Percentage Charts - 展开的水平饼图 - 子弹图
- Radial Bar Chart - 放射饼图
- 进度环图
- 玫瑰图
- 玉珏图
- 条形图
- 对称条形图
- 柱状图
- Histogram - 直方图
- 对称条形图
- sankey chart - 桑基图
- PolarAxis - 极坐标
- BoxPlot - 箱形图
- 最大值、最小值、中位数、及上下四分位数
- Heatmap - 热力图
- Calendar - 日历图
- Treemap - 矩形树图
- Funnel Chart - 漏斗图
- RadarChart - 雷达图
- Candlestick chart - K 线图
- 阳线 - 红 - 香港&欧美 为 绿 - 收盘价 > 开盘价
- 阴线 - 绿 - 香港&欧美 为 红 - 收盘价 < 开盘价
- 中立线 - 收盘价 = 开盘价
- 实体 - 粗 - 收盘价, 开盘价
- 影线 - 细 - 最高价, 最低价
- K 线组合出来的图为 K 线图
- ErrorBar - 误差棒
- 统计 standard deviation, standard error,
- Voronoi Diagram - 维诺图, 沃罗诺伊图
- 空间切分
- 气泡图
- Chord - 弦图
- 密度热力图
- 瀑布图
- 词云图
- violin plot - 小提琴图
- 韦恩图
- Circle Packing
- 分面图
- Gantt - 甘特图 - Ranged Bar Marks
- 饼图
- 选择考量标准
- SVG/Canvas
- Bundle 大小 - 有的框架动不动就上 MB
- treeshake
- 依赖复用 - 例如 d3, react-spring, lodash, lodash-es
- 图类型 - 2D, 3D, Geo, 基础, 高级
- 基于框架 - 更容易自定义, 更好处理事件、渲染
- React 对 SVG 有天生优势
- 基于 JSON 定义 - plotly, vega, apexcharts
- 更适合 Editor 场景 - 方便保存复现
- 跨语言框架
- 基于 D3 - 基础逻辑通用 - bundle 复用
- 即便不基于 D3 的也可能会用 D3 的基础库
- d3-shape, d3-hierarchy, d3-path
- d3-scale, d3-scale-chromatic, d3-array, d3-format, d3-time-format, d3-time, d3-interpolate
- d3-color
- 依赖
- lodash, lodash-es, react-spring
- 其他功能
- BI, 透视/Pivot, crossfilter, crosshair, 动画
- 交互: 拖拉、选择,平滑
- 可组合使用
- 例如 BI 时使用 plotly 这种,table 或 其他自定义显示时使用 recharts
- 优化
- downsample-lttb
React
- FormidableLabs/victoryGitHubFormidableLabs/victory
- 530K
- MIT, React, d3
- Victory Native 支持 React Native
- 支持 极坐标、桑基图、BoxPlot
- 绘图能力强
- recharts/rechartsGitHubrecharts/rechartsrecharts/recharts · MIT, TS, D3笔记:recharts
- MIT, TS, React
- React and D3
- 自定义能力强
- 支持 桑基图、Treemap、漏斗、放射饼图、雷达图
- Support for histogram chart recharts#1580GitHub Issuerecharts/recharts#1580
- plouc/nivoGitHubplouc/nivo
- MIT, TS, React
- 图表类型为独立包 - 例如 @nivo/bar, @nivo/funnel
- airbnb/visxGitHubairbnb/visx
- MIT, React
- ⚠️注意 开发不活跃
- visualization components
- 原子组件
- tannerlinsley/react-chartsGitHubtannerlinsley/react-charts
- MIT, React
- ⚠️注意 开发不活跃
- 基于 visx
- reactchartjs/react-chartjs-2GitHubreactchartjs/react-chartjs-2
- MIT, TS
- ⚠️注意 开发不活跃
- 基于 chart.js
uber/react-visGitHububer/react-vis- MIT, JS
- by Uber
nhn/tui.chartGitHubnhn/tui.chartreact-financial/react-financial-chartsGitHubreact-financial/react-financial-charts- VisActorGitHub 组织VisActor
- by ByteDance
- github.com/topics/charts
- npmtrends.com/@antv/g2-vs-@visx/visx-vs-apexcharts-vs-chart.js-vs-echarts-vs-nivo-vs-plotly-vs-recharts-vs-victory
Declarative
Declarative 类型的图和框架一般结合不太好 - 例如: 不方便直接渲染 React, 只能使用 DOM
- plotly/plotly.jsGitHubplotly/plotly.js
- 3.5 MB
- 基于 @plotly/d3
- 核心包很大,包含所有功能,因为是定义式的,不可以 treeshake
- 不少 BI 工具都是直接集成 plotly 提供绘图能力
- vega
- vega/vegaGitHubvega/vega
- 500 KB
- 基于 D3
- 完全基于 JSON 定义
- editor
- vega/vega-liteGitHubvega/vega-litevega/vega-lite · 会编译为 Vega · 定义比 Vega 更简单 · spec · single view · 组合: layer, facet, concat, repeat · format · "date:'%m%d%Y'" - 支持 d3 time-format笔记:veta lite
- 300 KB
- 会编译为 Vega
- data, transform, mark, encoding
- 数据优先
- vega/vega-lite#1657GitHub Issuevega/vega-lite#1657 Legends & Axes 不支持交互
- vega/react-vegaGitHubvega/react-vega
- 基于 vega-embed
- docGitHub 文件vega/react-vega/packages/react-vega
- vega/voyagerGitHubvega/voyager
- vega/vega-embedGitHubvega/vega-embed
- Vega visualizations as embedded web component
- vega/falconGitHubvega/falcon
- Brushing and linking for big data
- vega/vegaGitHubvega/vega
- apache/echartsGitHubapache/echartsapache/echarts · by 百度 · 1MB/330kB · zrender - 2D 渲染引擎 · adopted by: · Superset · 参考 · hustcc/echarts-for-react · https://echarts.apache.org/examples/zh/index.html笔记:echarts
- 百度
- 1 MB
- zrender 渲染
- 图像优先,定数据
- Apache Superset 使用 ECharts - 因为同为 Apache 项目 - 替代 NVD3
- NVD3 不再维护
- ECharts v4 支持 SVG
- ECharts v5 支持 transform
- observablehq/plotGitHubobservablehq/plot
- concise API for exploratory data visualization
- apexcharts/apexcharts.jsGitHubapexcharts/apexcharts.js
- 472 KB
- 与 plotly 非常相似
- 功能弱一些
- naver/billboard.jsGitHubnaver/billboard.js
- 300 KB
- 基于 D3
- d3GitHubd3/d3
- d3-hierarchy
- d3-format
- d3/d3-colorGitHubd3/d3-color
- highcharts/highchartsGitHubhighcharts/highcharts
- 收费 - 1 SaaS - 535$
- Stock, Map, Gantt 额外收费
- 个人和非盈利组织免费
- 收费 - 1 SaaS - 535$
- palantir/plottableGitHubpalantir/plottable
- library of modular chart components built on D3
- frappe/chartsGitHubfrappe/charts
- SVG Charts, zero dependencies
- Heatmap
- antvis
- G2GitHubantvis/g2 可视化引擎
- antvis/G2PlotGitHubantvis/G2Plot
- 基于 g2 的图表库
- antvis/G2PlotGitHubantvis/G2Plot
- G6GitHubantvis/g6 图可视化引擎
- antvis/graphinGitHubantvis/graphin
- React, G6
- antvis/x6GitHubantvis/x6
- 图编辑器
- antvis/graphinGitHubantvis/graphin
- F2GitHubantvis/f2 移动可视化方
- L7GitHubantvis/L7 地理空间数据可视化
- antvis/AVAGitHubantvis/AVA - automated visual analytics
- S2GitHubantvis/S2 - 多维交叉分析表格
- antv.vision
- G2GitHubantvis/g2 可视化引擎
- antvis based
- alibaba/BizChartsGitHubalibaba/BizCharts
- React
- ant-design/ant-design-chartsGitHubant-design/ant-design-charts
- React, G2Plot, G6, X6, L7
- alibaba/BizChartsGitHubalibaba/BizCharts
- DataV-Team/DataV-ReactGitHubDataV-Team/DataV-React
- chart.js
- cytoscape/cytoscape.jsGitHubcytoscape/cytoscape.js
- visjs/vis-networkGitHubvisjs/vis-network
- leeoniya/uPlotGitHubleeoniya/uPlot
- form time series
- thingsboard/thingsboardGitHubthingsboard/thingsboard
- IoT
- jwilber/roughVizGitHubjwilber/roughViz
- dc-js/dc.jsGitHubdc-js/dc.js
- Multi-Dimensional charting
- rawgraphs/rawgraphs-appGitHubrawgraphs/rawgraphs-app
- britecharts/britechartsGitHubbritecharts/britecharts
- ChartsCSS/charts.cssGitHubChartsCSS/charts.css
- vizzuhq/vizzu-libGitHubvizzuhq/vizzu-lib
- textvis.lnu.se
- Text Visualization Browser
- Kanaries/RathGitHubKanaries/Rath
- AGPL-3.0, Typescript
- Automated data exploratory analysis and visualization
- Comparison of JavaScript charting librariesWikipediaComparison of JavaScript charting libraries
- npmtrends vs
- microsoft/datamationsGitHubmicrosoft/datamations
- riccardoscalco/texturesGitHubriccardoscalco/textures
- visgl/deck.glGitHubvisgl/deck.gl
- keplergl/kepler.glGitHubkeplergl/kepler.gl
- projectstorm/react-diagramsGitHubprojectstorm/react-diagrams
- wbkd/react-flowGitHubwbkd/react-flowwbkd/react-flow · 基于 d3 - zoom, drag · zustand 状态管理笔记:react-flow
- JavaScript Open-Source Spreadsheets and Data Grids
- Handsoncode
- 使用 RuleJS 实现公式
- Formulas in Microsoft Excel
- epochjs/epochGitHubepochjs/epoch A general purpose, real-time visualization library.
- chartbrew/chartbrewGitHubchartbrew/chartbrew
- tabixio/tabixGitHubtabixio/tabix
- finos/perspectiveGitHubfinos/perspective
- d3fc/d3fcGitHubd3fc/d3fc
- vizzuhq/vizzu-libGitHubvizzuhq/vizzu-lib
dashboard
- 自定义 Dashboard 带 Builder 性质
- 有些特性和 BlockBuilder、PageBuilder 类似
- 序列化
- 基础大多基于 react-grid-layout
- react-grid-layout
- cumul.io/library/react
- dev.to/sm0ke/react-dashboards-open-source-apps-1c7j
- iGaoWei/BigDataViewGitHubiGaoWei/BigDataView
- dataease.io/templates/archives/电商消费大数据
ML
关联信息
反向链接、本文链接的其他页面和外部资料。
参考资料
GitHub79 条
- observablehq/plotgithub.com/observablehq/plot
- vizzuhq/vizzu-libgithub.com/vizzuhq/vizzu-lib
- airbnb/visxgithub.com/airbnb/visx
- alibaba/BizChartsgithub.com/alibaba/BizCharts
- ant-design/ant-design-chartsgithub.com/ant-design/ant-design-charts
- antvis/AVAgithub.com/antvis/AVA
- antvis/f2github.com/antvis/f2
- antvis/g2github.com/antvis/g2
- antvis/G2Plotgithub.com/antvis/G2Plot
- antvis/g6github.com/antvis/g6
- antvis/graphingithub.com/antvis/graphin
- antvis/L7github.com/antvis/L7
- antvis/S2github.com/antvis/S2
- antvis/x6github.com/antvis/x6
- apache/echartsgithub.com/apache/echarts
- apexcharts/apexcharts.jsgithub.com/apexcharts/apexcharts.js
- britecharts/britechartsgithub.com/britecharts/britecharts
- chartbrew/chartbrewgithub.com/chartbrew/chartbrew
- ChartsCSS/charts.cssgithub.com/ChartsCSS/charts.css
- cube-js/cube.jsgithub.com/cube-js/cube.js
- cytoscape/cytoscape.jsgithub.com/cytoscape/cytoscape.js
- d3/d3github.com/d3/d3
- d3/d3-colorgithub.com/d3/d3-color
- d3fc/d3fcgithub.com/d3fc/d3fc
- datalens-techgithub.com/datalens-tech
- DataV-Team/DataV-Reactgithub.com/DataV-Team/DataV-React
- dbt-labs/dbt-coregithub.com/dbt-labs/dbt-core
- dc-js/dc.jsgithub.com/dc-js/dc.js
- epochjs/epochgithub.com/epochjs/epoch
- evidence-dev/evidencegithub.com/evidence-dev/evidence
- finos/perspectivegithub.com/finos/perspective
- FormidableLabs/victorygithub.com/FormidableLabs/victory
- frappe/chartsgithub.com/frappe/charts
- highcharts/highchartsgithub.com/highcharts/highcharts
- honeycombio/honeytailgithub.com/honeycombio/honeytail
- iGaoWei/BigDataViewgithub.com/iGaoWei/BigDataView
- jeecgboot/JimuReportgithub.com/jeecgboot/JimuReport
- jitsucom/jitsugithub.com/jitsucom/jitsu
- jwilber/roughVizgithub.com/jwilber/roughViz
- Kanaries/Rathgithub.com/Kanaries/Rath
- keplergl/kepler.glgithub.com/keplergl/kepler.gl
- leeoniya/uPlotgithub.com/leeoniya/uPlot
- lightdash/lightdashgithub.com/lightdash/lightdash
- microsoft/datamationsgithub.com/microsoft/datamations
- microsoft/MMdnngithub.com/microsoft/MMdnn
- naver/billboard.jsgithub.com/naver/billboard.js
- nhn/tui.chartgithub.com/nhn/tui.chart
- PaddlePaddle/VisualDLgithub.com/PaddlePaddle/VisualDL
- palantir/plottablegithub.com/palantir/plottable
- plotly/plotly.jsgithub.com/plotly/plotly.js
- plouc/nivogithub.com/plouc/nivo
- poloclub/cnn-explainergithub.com/poloclub/cnn-explainer
- projectstorm/react-diagramsgithub.com/projectstorm/react-diagrams
- rawgraphs/rawgraphs-appgithub.com/rawgraphs/rawgraphs-app
- react-financial/react-financial-chartsgithub.com/react-financial/react-financial-charts
- reactchartjs/react-chartjs-2github.com/reactchartjs/react-chartjs-2
- recharts/rechartsgithub.com/recharts/recharts
- recharts/recharts#1580github.com/recharts/recharts/issues/1580
- riccardoscalco/texturesgithub.com/riccardoscalco/textures
- snowplow/snowplowgithub.com/snowplow/snowplow
- tabixio/tabixgithub.com/tabixio/tabix
- tannerlinsley/react-chartsgithub.com/tannerlinsley/react-charts
- tensorflow/lucidgithub.com/tensorflow/lucid
- tensorspace-team/tensorspacegithub.com/tensorspace-team/tensorspace
- thenaturalist/awesome-business-intelligencegithub.com/thenaturalist/awesome-business-intelligence
- thingsboard/thingsboardgithub.com/thingsboard/thingsboard
- uber/react-visgithub.com/uber/react-vis
- vega/falcongithub.com/vega/falcon
- vega/react-vegagithub.com/vega/react-vega
- vega/react-vega/packages/react-vegagithub.com/vega/react-vega/tree/master/packages/react-vega
- vega/vegagithub.com/vega/vega
- vega/vega-embedgithub.com/vega/vega-embed
- vega/vega-litegithub.com/vega/vega-lite
- vega/vega-lite#1657github.com/vega/vega-lite/issues/1657
- vega/voyagergithub.com/vega/voyager
- VisActorgithub.com/VisActor
- visgl/deck.glgithub.com/visgl/deck.gl
- visjs/vis-networkgithub.com/visjs/vis-network
- wbkd/react-flowgithub.com/wbkd/react-flow
Wikipedia1 条
- Comparison of JavaScript charting librariesWikipedia:Comparison of JavaScript charting libraries
其他外链18 条
- antv.visionantv.vision/
- chandoo.org/excel-formulas/index.shtmlchandoo.org/excel-formulas/index.shtml
- cloud.yandex.com/en/services/datalenscloud.yandex.com/en/services/datalens
- cumul.io/library/reactcumul.io/library/react
- dataease.io/templates/archives/电商消费大数据dataease.io/templates/archives/%E7%94%B5%E5%95%86%E6%B6%88%E8%B4%B9%E5%A4%A7%E6%95%B0%E6%8D%AE
- dev.to/sm0ke/react-dashboards-open-source-apps-1c7jdev.to/sm0ke/react-dashboards-open-source-apps-1c7j
- echarts.apache.org/handbook/zh/concepts/data-transformecharts.apache.org/handbook/zh/concepts/data-transform
- github.com/topics/chartsgithub.com/topics/charts
- gitlab.com/meltano/meltanogitlab.com/meltano/meltano
- handsontable.comhandsontable.com/
- jitsu.com/vs-segmentjitsu.com/vs-segment
- jspreadsheets.comjspreadsheets.com/
- npmtrends.com/@antv/g2-vs-@visx/visx-vs-apexcharts-vs-chart.js-vs-echarts-vs-nivo-vs-plotly-vs-recharts-vs-victorynpmtrends.com/@antv/g2-vs-@visx/visx-vs-apexcharts-vs-chart.js-vs-echarts-vs-nivo-vs-plotly-vs-recharts-vs-victory
- observablehq.com/plotobservablehq.com/plot
- textvis.lnu.setextvis.lnu.se/
- vega.github.io/editorvega.github.io/editor
- vega.github.io/voyagervega.github.io/voyager
- www.npmtrends.com/bizcharts-vs-echarts-vs-plotly.js-vs-recharts-vs-vega-vs-vega-lite-vs-victory-vs-@nivo/corewww.npmtrends.com/bizcharts-vs-echarts-vs-plotly.js-vs-recharts-vs-vega-vs-vega-lite-vs-victory-vs-@nivo/core