Comments (3)
Sorting on the entire data set does not appear to be happening. I scrambled a large data set and the rendering came back in the same order as the scrambled data.
However, there may still be many smaller sorts happening.
from giraffe.
In the process of benchmarking performance criteria between when SimpleTable was in the UI versus in Giraffe, I noticed that there were certain use cases where the Giraffe version simply fell apart, despite the code being injected being a copy job of what existed within the UI. While there are some simple improvements that can be made to optimize SimpleTable, it appears as though there is an infrastructural layer that within Giraffe that adds latency in data visualization processing that was not previously a factor in rendering SimpleTable. This latency only became clear once linking the giraffe library to local development and being able to run performance analysis on the render cycle of SimpleTable versus how it compared to the render cycle of when SimpleTable lived within the UI.
Root Cause
The root cause for the latency with SimpleTable is the usePlotEnv hook that did not exist when SimpleTable was in the UI. Benchmarking performance run-throughs on larger and larger datasets indicate that the hook doesn't scale well and adds exponential latency w/r/t larger datasets. I've identified this as the contributing factor the drastic performance differences @garylfowler has been seeing with the SimpleTable port over from the UI to Giraffe.
Suggestions
While there are several ways to resolve this issue, it seems like the most straightforward one would be to remove the use of this hook in rendering SimpleTable (since it wasn't originally a factor in the UI code), thereby accurately reflecting the state of the visualization in the UI. A longer-term solution might be to identify why the identified hook is so slow, and improve the performance of it in order to shore up performance across the board for all visualization types.
from giraffe.
For the most part, Simple Table performance is about as good as it gets. We have addressed the usePlotEnv
hook (it has been removed from Simple Table's code path), and also various major bugs.
Since this issue is about performance, I am closing it as done.
Additional work on Simple Table can be addressed in separate tickets.
from giraffe.
Related Issues (20)
- Line graph coloring based on threshold
- Hackathon: find a provider/api to use for the visualization
- Simple Table: update the interface to avoid re-parsing
- Bug: SimpleTable: updating the results does not re-render the graph correctly
- SimpleTable: styling should match influxdata/ui
- Visualization: TableLayer: update interface to avoid double parsing HOT 1
- Visualization: TableLayer: scrolling is sticky and unresponsive HOT 1
- Visualization: TableLayer: clicking on a column to sort highlights text unintentionally
- File structure: components should be organized
- Webpack: absolute file paths for imports HOT 1
- RawFluxDataTable is not visible HOT 1
- Rect: split into Heatmap and Histogram HOT 1
- Band: lower column is not rendering correctly HOT 1
- Sync-zoom multiple plots HOT 1
- SimpleTable: new data is not paginated correctly
- Giraffe: Gauge and SingleStat use a serif font
- SimpleTable: small Plot sizes render nothing even when there's data
- Visualization: Table: re-port from UI codebase without architectural changes
- Gauge value is positioned at wrong location
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from giraffe.