snowflake-structure-visualization's Issues
User feedback button
As a user, I can click a "Feedback" button that opens a google form in a new tab so that I can provide feedback on this tool.
UI Header
As a user, I would like the web page to offer a header bar.
The left side of the header should have the hashmap logo and link to the hashmapinc.com page
The middle of the header should have a title for this web page.
The right side of the header should have a + icon for adding data (starting a modal) and a settings icon for configuring the graph (another modal popup)
Makefile
As a developer, I can run make
in the root project directory to deploy this tool to a localhost server.
Improved Layout
As a user, I would like the hierarchy graph to be grouped by Roles and Users.
Highlight node parents
As a user, I would like to click on a node in the role hierarchy graph and have all parent nodes highlight.
I would like the node I click to be highlighted differently from all the parents.
I would like the parent nodes to also highlight all their parents recursively all the way up the graph.
I would like the parents and their parents and on and on to all be the same color and for their edges to be that color too.
I would like the parent highlighting colors to be different from the children highlighting colors.
Highlight node children
As a user, I would like to click on a node in the role hierarchy graph and have all children nodes highlight.
I would like the node I click to be highlighted differently from all the children.
I would like the children nodes to also highlight all their children recursively all the way down the tree.
I would like the children and their children and on and on to all be the same color and for their edges to be that color too.
Upload data.
As a user, I would like to upload my own data.
User Flow:
- load page
- select the + icon in the top right of the web page in the header
- a modal pops up with instructions for querying Snowflake
- I follow the instructions and generate either a JSON file or json text
- I then upload the file or paste the text into the modal
- I click an OK button in the bottom (I don't care what the text says, it doesn't need to be OK)
- My role hierarchy is plotted.
Custom Configuration
As a user, I would like to configure the colors of the hierarchy graph.
User flow:
- I chart my hierarchy graph
- I click the settings icon in the top right of the header
- A modal pops up with color pickers for each kind of color used
- I pick the colors I want
- I click an OK button (or whatever text, I don't care). The text should match the OK button from adding custom data
- If I don't like the colors and want to go back to default, I can open the settings modal again and just hit a "RESET" button (don't care what the actual text is)
Arrow direction highlighting
As a user, when I hover over a node, I want the first layer of relations connected to that node to be highlighted.
I would like all edges pointing away from the hovered node to be 1 color. The parent nodes should be this same color too. This color should be different from the color of all children nodes.
I would like all edges pointing to the highlighted node to be 1 color. The children nodes should be this same color too.
If an arrow is highlighted instead of a node, I would like the arrow to be colored. I would like the source node (child) to be the same color used to highlight children nodes above. I would like the destination node (parent) to be the same color used to highlight parent nodes above.
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.