Visual context in dataflows
Disclosed herein are system, method, and device embodiments for implementing visual context in dataflows. A computing device may display a dataflow representation associated with a transformative process, receive selection of an individual node of the dataflow representation, and determine a visual context associated with the individual node based on a data transformation step associated with the individual node. Further, the computing device may determine a plurality of nodes associated with the visual context, and apply a graphical effect to the individual node and the plurality of nodes, the graphical effect modifying an attribute of the individual node and the plurality of nodes.
1. A method, comprising:
displaying, within a dataflow editor, a dataflow representation associated with a transformative process, the dataflow representation including a first plurality of nodes, wherein an individual node of the first plurality of nodes is associated with a data transformation step of the transformative process;
receiving, via a graphical user interface (GUI) of the dataflow editor, selection of the individual node of the first plurality of nodes;
determining a source node of the first plurality of nodes configured to provide source data used by the data transformation, and a sink node of the first plurality of nodes configured to sink data provided by the data transformation, based on the selection of the individual node;
generating a source-to-sink path from the source node to the sink node via the individual node based on the selection of the individual node;
generating a visual context comprising a second plurality of nodes of the first plurality of nodes selected based on a presence of the second plurality of nodes within the source-to-sink path; and
applying a graphical effect to the individual node and the second plurality of nodes, the graphical effect modifying an attribute of the individual node and the second plurality of nodes.
2. The method of claim 1 , wherein applying the graphical effect comprises magnifying a size of the individual node and the second plurality of nodes.
3. The method of claim 1 , wherein applying the graphical effect comprises centering a view of the GUI on the second plurality of nodes.
4. The method of claim 1 , wherein the graphical effect is a focus effect, and further comprising:
determining, from the second plurality of nodes, a third plurality of nodes that are not associated with the visual context; and
applying a de-focusing graphical effect to the third plurality of nodes.
5. The method of claim 4 , wherein the de-focusing graphical effect includes removing the third plurality of nodes or graying out the third plurality of nodes.
6. The method of claim 1 , wherein determining the second plurality of nodes comprises:
determining, based at least in part on user input to the GUI, a relationship between the data transformation step and another transformation step of the transformation process; and
determining the second plurality of nodes based at least in part on the relationship.
7. A system comprising:
a memory; and
one or more processors and/or circuits coupled to the memory and configured to:
display, within a dataflow editor, a dataflow representation associated with a transformative process, the dataflow representation including a first plurality of nodes, wherein an individual node of the first plurality of nodes is associated with a data transformation step of the transformative process;
receive, via a graphical user interface (GUI) of the dataflow editor, selection of the individual node of the first plurality of nodes;
determine a source node of the first plurality of nodes configured to provide source data used by the data transformation, and a sink node of the first plurality of nodes configured to sink data provided by the data transformation, based on the selection of the individual node;
generate a source-to-sink path from the source node to the sink node via the individual node based on the selection of the individual node;
generate a visual context comprising a second plurality of nodes of the first plurality of nodes selected based on a presence of the second plurality of nodes within the source-to-sink path, and
apply a graphical effect to the individual node and the second plurality of nodes, the graphical effect modifying an attribute of the individual node and the second plurality of nodes.
8. The system of claim 7 , wherein to apply the graphical effect, the one or more processors and/or circuits are further configured to magnify a size of the individual node and the second plurality of nodes.
9. The system of claim 7 , wherein the graphical effect includes centering a view of the GUI on the second plurality of nodes.
10. The system of claim 7 , wherein the graphical effect is a focus effect, and the one or more processors and/or circuits are further configured to:
determine, from the second plurality of nodes, a third plurality of nodes that are not associated with the visual context; and
apply a de-focusing graphical effect to the third plurality of nodes.
11. The system of claim 10 , wherein the de-focusing graphical effect includes removing the third plurality of nodes or graying out the third plurality of nodes.
12. A non-transitory computer-readable device having instructions stored thereon that, when executed by at least one computer, cause the at least one computer to perform operations comprising:
displaying, within a dataflow editor, a dataflow representation associated with a transformative process, the dataflow representation including a first plurality of nodes, wherein an individual node of the first plurality of nodes is associated with a data transformation step of the transformative process;
receiving, via a graphical user interface (GUI) of the dataflow editor, selection of the individual node of the first plurality of nodes;
determining a source node of the first plurality of nodes configured to provide source data used by the data transformation, and a sink node of the first plurality of nodes configured to sink data provided by the data transformation, based on the selection of the individual node;
generating a source-to-sink path from the source node to the sink node via the individual node based on the selection of the individual node;
generating a visual context comprising a second plurality of nodes of the first plurality of nodes selected based on a presence of the second plurality of nodes within the source-to-sink path; and
applying a graphical effect to the individual node and the second plurality of nodes, the graphical effect modifying an attribute of the individual node and the second plurality of nodes.
13. The non-transitory computer-readable device of claim 12 , wherein the graphical effect is a focus effect, and the operations further comprising:
determining, from the second plurality of nodes, a third plurality of nodes that are not associated with the visual context; and
applying a de-focusing graphical effect to the third plurality of nodes.
14. The non-transitory computer-readable device of claim 12 , wherein determining the second plurality of nodes comprises:
determining, based at least in part on user input to the GUI, a relationship between the data transformation step and another transformation step of the transformation process; and
determining the second plurality of nodes based at least in part on the relationship.