Code Monkey home page Code Monkey logo

snowflake-structure-visualization's People

Contributors

ganeshx avatar

Watchers

 avatar  avatar

snowflake-structure-visualization's Issues

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.

Makefile

As a developer, I can run make in the root project directory to deploy this tool to a localhost server.

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.

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)

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)

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.

Improved Layout

As a user, I would like the hierarchy graph to be grouped by Roles and Users.

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.