An HTML5 recreation of the Boardroom Scene in Disney's Tron: Legacy. It currently displays realtime data from GitHub and Wikipedia to make it a bit more fun. View it in action at https://www.robscanlon.com/encom-boardroom/ . While I attempted to stay true to the film, it simply wasn't practical to recreate every element that is portrayed in the scene. The graphics displayed in the film contain a remarkable amount of detail despite only being visible for a couple of seconds. I am in awe of those that put it together.
tron webgl threejs data-vizECharts is a powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library. ECharts-GL is an extension pack of ECharts, which provides 3D plots, globe visualization and WebGL acceleration.
visualization chart data-visualization data-viz visualize-data canvas webglApache ECharts is an open-sourced JavaScript visualization tool, which can run fluently on PC and mobile devices. It is compatible with most modern Web Browsers. The basic chart types ECharts supports include line series, bar series, scatter series, pie charts, candle-stick series, boxplot series for statistics, map series, heatmap series, lines series for directional information, graph series for relationships, treemap series, sunburst series, parallel series for multi-dimensional data, funnel series, gauge series.
visualization svg charts canvas charting-library data-visualization data-vizHighly customizable stock charts with ReactJS and d3
charts charting stockcharts finance financechart react reactjs d3 react-component react-charts chart-components javascript-finance-chart javascript-stockchart data-visualization data-viz d3-finance-chart d3-stockchartMuze is a free data visualization library for creating exploratory data visualizations (like Tableau) in browser, using WebAssembly. It uses a layered Grammar of Graphics (GoG) to create composable and interactive data visualization for web. It is ideal for use in visual analytics dashboards & applications to create highly performant, interactive, multi-dimensional, and composable visualizations. It uses a data-first approach to define the constructs and layers of the chart, automatically generates cross-chart interactivity, and allows you to over-ride any behavior or interaction on the chart.
visualization svg pie-chart charts data web webassembly wasm data-visualization barchart data-viz interactive-charts area-chart crosstab linechart html5-charts splom js-charts muze vector graphics renderer relational algebra relationSuperset is fast, lightweight, intuitive, and loaded with options that make it easy for users of all skill sets to explore and visualize their data, from simple line charts to highly detailed geospatial charts. It easily integrates your data, using either our simple no-code viz builder or state of the art SQL IDE. Superset can query data from any SQL-speaking datastore or data engine (e.g. Presto or Athena) that has a Python DB-API driver and a SQLAlchemy dialect.
react flask data-science bi analytics superset apache data-visualization data-engineering business-intelligence data-viz data-analytics data-analysis sql-editor asf business-analyticsAn interactive 3D visualization of the all the buildings in Manhattan.
data-visualization 3d regl regl-webgl webgl manhattan new-york-city nyc interactive-visualizations interactive data-vizThis library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.
dag directed-graph chart svg angular angular2 data-viz workflow angularjs charts charting d3 viz graph dataviz d3.js d3js angular4 directed-acyclic-graph visualization treeDatoviz is an open-source high-performance interactive scientific data visualization library leveraging the graphics processing unit (GPU) for speed, visual quality, and scalability. It supports both 2D and 3D rendering, as well as minimal graphical user interfaces (using the Dear ImGUI library). Written in C, Datoviz has been designed from the ground up for performance. It provides native Python bindings (based on Cython). Bindings to other languages could be developed thanks to community efforts (Julia, R, MATLAB, Rust, C#, and so on). Datoviz uses the Vulkan graphics API created by the Khronos consortium, successor of OpenGL. Supporting other modern graphics API, such as WebGPU, would constitute interesting developments.
visualization cpp gpu graphics rendering vulkan data-visualization scientific-visualization scientific-computing data-vizREAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability. If you are looking for node-based graphs, checkout reaflow.
react d3 chart charts euler reactjs heatmap data-visualization venn-diagram data-viz sparkline scatter-plot d3js bubble-chart line-charts bar-charts area-charts hive-plot sankey-chart d3.js dataviz charting svg bar-chart axis brush area-chart line-chart pie-chart sankey pan zoom radial calendar-heatmap legends vennA set of tutorials on how our frameworks make effective data visualization applications.
deck-gl luma-gl react-map-gl react-gl react luma deck react-map data data-viz data-visualization uber tutorial datavisThis repository contains the code for the workshop given at UC Berkeley's iSchool on 2017-04-10. It covers creating an interactive web map using MapboxGL, GeoJSON, and Turf. We'll start by creating an interactive map using MapboxGL.JS and discussing adding a custom layer using some GeoJSON data of vehicle collisions in New York City.
geo-visualization data-viz workshop
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.