Visualizing map data with multiple overlaid mark layers

Abstract

A method generates a map visualization having multiple map layers. A user selects a data source having geographic data. The device displays a data visualization user interface including a schema information region having data fields and a shelf region defining characteristics of the data visualization. The user selects a first geographic data field, and the user interface generates the map data visualization using coordinates associated with the first geographic data field. In response, the user interface displays a new layer icon. When the new layer icon is activated with a second geographic data field, the user interface overlays the second layer on top of the existing map data visualization to form an updated map data visualization. The second layer includes a second plurality of data marks corresponding to the second geographic data field.

Description

[Technical field]

[0001] Related Applications

[0001] This application is a continuation of U.S. patent application Ser. No. 17 / 366,008, entitled "Map Data Visualizations with Multiple Superimposed Marks Layers," filed on July 1, 2021, which claims priority to U.S. Provisional Patent Application Ser. No. 63 / 087,855, entitled "Map Data Visualizations with Multiple Superimposed Marks Layers," filed on October 5, 2020, each of which is incorporated by reference in its entirety into this specification.

[0002] Technical Field FIELD OF THE DISCLOSURE

[0002] The disclosed embodiments relate generally to data visualization, and more particularly to systems, methods, and user interfaces that enable users to generate visualizations of map data and analyze map data. [Background technology]

[0003] background

[0003] Data visualization applications allow users to visually understand data sets, including distributions, trends, outliers, and other factors important to making business decisions. Some data sets are very large or complex and include many data fields. Various tools can be used to help understand and analyze the data, including dashboards with multiple data visualizations. In some cases, users may use map data visualization to view data with geographic data. However, data visualization interfaces for maps are often limited. Summary of the Invention

[0004] overview Accordingly, embodiments of the present invention relate to a data visualization user interface capable of displaying multiple map layers.

[0005]

[0005] According to some embodiments, the method is performed on an electronic device having a display, one or more processors, and a memory. For example, the electronic device can be a smartphone, a tablet, a notebook computer, or a desktop computer. The device receives a user selection of a data source having geographic data and displays a data visualization user interface, where displaying the data visualization user interface includes displaying a schema information region having a plurality of user-selectable data fields, displaying a data visualization region, and displaying a plurality of shelf regions. Each shelf of the plurality of shelf regions defines a respective characteristic of a data visualization to be displayed in the data visualization region. The data then receives a first user input that places a first geographic data field from the schema information region in the data visualization region. In response to the first user input, the device generates and displays a map data visualization in the data visualization region using coordinates associated with the first geographic data field. The map data visualization includes a first plurality of data marks in a first layer. The device then receives a second user input that selects a second geographic data field from the schema information region. In response to a second user input, the device displays a new layer icon in the schema information area, and upon activation of the new layer icon by the second geographic data field, the device overlays the second layer onto the existing map data visualization to form an updated map data visualization, the second layer including a second plurality of data marks corresponding to the second geographic data field.

[0006] In some implementations, the device receives a third user input that (i) selects a third geographic data field from the schema information area and (ii) places the third geographic data field on a mark encoding shelf of a second tier. In response to the third user input, the device encodes a second plurality of data marks in accordance with the mark encoding shelf while maintaining the first plurality of data marks without encoding them in accordance with the mark encoding shelf.

[0007] In some implementations, the second user input includes a user selection of a data field icon associated with the second geographic data field. In response to detecting the user selection of the data field icon associated with the second geographic data field, the device displays a predefined drop zone for generating a new layer in the data visualization area. The second user input further includes moving the data field icon associated with the second geographic data field to the predefined drop zone.

[0008] In some implementations, in response to a first user input, the device associates a longitude data field corresponding to the first geographic data field with a first shelf area of ​​the plurality of shelf areas. The device also associates a latitude data field corresponding to the first geographic data field with a second shelf area of ​​the plurality of shelf areas. The second shelf area is separate from the first shelf area. The device also displays a first data field icon associated with the longitude data field in the first shelf area and a second data field icon associated with the latitude data field in the second shelf area.

[0009] In some implementations, the device receives one or more user inputs at a first tier mark encoding shelf that change the encoding of a first plurality of data marks in the first tier. In response to receiving the one or more user inputs at the first tier mark encoding shelf, the device encodes the first plurality of data marks according to the one or more user inputs at the first tier mark encoding shelf while maintaining the second plurality of data marks according to the second tier mark encoding shelf.

[0010] In some implementations, in response to a first user input, the device automatically displays a first layer icon in the schema information area, the first layer icon associated with the first layer, and the first layer icon is distinct from a new layer icon associated with the second layer.

[0011] In some implementations, the device receives a user selection of a first layer icon, and in response to the user selection of the first layer icon, the device activates the first layer in the data visualization area as an active layer.

[0012] In some implementations, in response to the second user input, the device automatically activates the second layer in the data visualization area as the active layer.

[0013] In some implementations, the device receives a user selection of a first layer icon while the second layer is the active layer, and in response to the user selection of the first layer icon, the device activates the first layer in the data visualization area as the active layer.

[0014] In some implementations, while the second layer is the active layer, the device receives a user selection of one of the first plurality of data marks. In response to the user selection of the one of the first plurality of data marks, the device activates the first layer in the data visualization area as the active layer and displays a first layer icon in the schema information area as being the active layer.

[0015] In some implementations, the device receives user input selecting one or more data marks in the data visualization and determines a selectability status of a first layer and a selectability status of a second layer. In response to receiving the user input and in accordance with determining that the first layer is selectable, the device selects a subset of the first plurality of data marks in accordance with the user input selecting one or more data marks in the data visualization. In response to receiving the user input and in accordance with determining that the second layer is selectable, the device selects a subset of the second plurality of data marks in accordance with the user input selecting one or more data marks in the data visualization.

[0016] In some implementations, the first plurality of data marks includes data marks spanning a first geographic area. The device receives user input to add a first layer to a zoom range of the data visualization. The zoom range specifies which map layer determines a default zoom level of the data visualization. In response to receiving the user input to add the first layer to the zoom range of the data visualization, the device updates a home screen of the data visualization to encompass the first geographic area.

[0017] In some implementations, the second plurality of data marks includes data marks that span a second geographic area different from the first geographic area. The device receives user input to add the second layer to a zoom range of the data visualization. In response to receiving the user input to add the second layer to a zoom range of the data visualization, the device updates a home screen of the data visualization to include the first geographic area and the second geographic area.

[0018]

[0018] Some embodiments provide a computer system having one or more processors and a memory. The memory stores one or more programs configured to be executed by the processor. The one or more programs include instructions for performing any of the methods described herein.

[0019]

[0019] Some embodiments include a computer-readable storage medium storing one or more programs configured to be executed by a computer system having one or more processors and a memory. The one or more programs include instructions for performing any of the methods described herein.

[0020]

[0020] Thus, disclosed are methods, systems, and graphical user interfaces that enable users to efficiently create and modify data visualizations, including map layers.

[0021]

[0021] Additional features and advantages of embodiments of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by the practice of embodiments of the invention. The objectives and other advantages of the invention may be realized and obtained by the structure particularly pointed out in the written description and claims hereof, as well as the appended drawings.

[0022]

[0022] Both the foregoing general description and the following detailed description are exemplary and explanatory and are intended to provide further explanation of the invention as claimed.

[0023] BRIEF DESCRIPTION OF THE DRAWINGS

[0023] For a better understanding of the above systems, methods, and graphical user interfaces, as well as additional systems, methods, and graphical user interfaces for providing data visualization analysis, reference should be made to the following detailed description of the embodiments in conjunction with the following drawings, in which like reference numbers refer to corresponding parts throughout the drawings. [Brief description of the drawings]

[0024] [Figure 1] 1 illustrates a graphical user interface used in some example embodiments. [Diagram 2]

[0025] FIG. 1 is a block diagram of a computing device according to some embodiments. [Figure 3A]

[0026] 1 illustrates a data visualization of a map according to some embodiments. [Figure 3B]

[0027] 1 illustrates a data visualization including multiple map layers according to some embodiments. [Figure 4A]

[0028] 1 illustrates the generation of a data visualization of a map according to some embodiments. [Figure 4B]

[0028] Figure 1 illustrates the generation of a data visualization of a map according to some embodiments. [Figure 4C] 1 illustrates the generation of a data visualization of a map according to some embodiments. [Figure 5A]

[0029] 1 illustrates the creation of a map layer in a map data visualization according to some embodiments. [Figure 5B] 1 illustrates the creation of a map layer in a map data visualization according to some embodiments. [Figure 5C] 1 illustrates the creation of a map layer in a map data visualization according to some embodiments. [Figure 6A]

[0030] 1 illustrates encoding of visual variables in a map data visualization according to some embodiments. [Figure 6B] 1 illustrates encoding of visual variables in a map data visualization according to some embodiments. [Figure 6C] 1 illustrates encoding of visual variables in a map data visualization according to some embodiments. [Figure 7A]

[0031] 1 illustrates editing the appearance of a data visualization visual mark of a map according to some embodiments. [Figure 7B] 1 illustrates editing the appearance of data visualization visual marks of a map according to some embodiments. [Figure 7C] 1 illustrates editing the appearance of data visualization visual marks of a map according to some embodiments. [Figure 7D] 1 illustrates editing the appearance of data visualization visual marks of a map according to some embodiments. [Figure 7E] 1 illustrates editing the appearance of data visualization visual marks of a map according to some embodiments. [Figure 7F] 1 illustrates editing the appearance of data visualization visual marks of a map according to some embodiments. [Figure 8A]

[0032] 1 illustrates editing a map layer of a map data visualization according to some embodiments. [Figure 8B] 1 illustrates editing a map layer of a map data visualization according to some embodiments. [Figure 8C]1 illustrates editing a map layer of a map data visualization according to some embodiments. [Figure 8D] 1 illustrates editing a map layer of a map data visualization according to some embodiments. [Figure 9A]

[0033] 1 shows how to name map layers in a map data visualization using several methods. [Figure 9B]

[0033] Several examples of map layer naming for map data visualization are shown below. [Figure 9C]

[0033] Several examples of map layer naming for map data visualization are shown below. [Figure 10A]

[0034] 1 illustrates changing visibility of a map layer of a map data visualization according to some embodiments. [Figure 10B] 1 illustrates changing visibility of a map layer of a map data visualization according to some embodiments. [Figure 10C] 1 illustrates changing visibility of a map layer of a map data visualization according to some embodiments. [Figure 10D]

[0035] 1 illustrates how a graphical user interface is updated in response to detecting a user gesture in a marked area, according to some implementations. [Figure 11A]

[0036] 1 illustrates a selection of visual marks in a map data visualization according to some embodiments. [Figure 11B] 1 illustrates a selection of visual marks in a map data visualization according to some embodiments. [Figure 11C] 1 illustrates a selection of visual marks in a map data visualization according to some embodiments. [Figure 11D] 1 illustrates a selection of visual marks in a map data visualization according to some embodiments. [Figure 12]

[0037] 1 illustrates a zoom range operation of a map data visualization according to some implementations. [Figure 13]

[0038] 1 illustrates a display of information about visual marks in a data visualization of a map according to some embodiments. [Figure 14A]

[0039] 1 illustrates the removal of a map layer from a map data visualization according to some embodiments. [Figure 14B]

[0039] Figure 1 illustrates the removal of a map layer from a map data visualization according to some embodiments. [Figure 14C]

[0039] Figure 1 illustrates the removal of a map layer from a map data visualization according to some embodiments. [Figure 14D]

[0039] Figure 1 illustrates the removal of a map layer from a map data visualization according to some embodiments. [Figure 15A]

[0040] 1 illustrates an example of a schema information area in a single data source graphical user interface according to some embodiments. [Figure 15B]

[0041] 1 provides an example of a schema information area in a multiple data source graphical user interface according to some embodiments. [Figure 15C] 10 provides an example of a schema information area in a multiple data source graphical user interface according to some embodiments. [Figure 15D] 10 provides an example of a schema information area in a multiple data source graphical user interface according to some embodiments. [Figure 16A]

[0042] 1 illustrates a multi-pane data visualization of multiple map layers according to some embodiments. [Figure 16B] 1 illustrates a multi-pane data visualization of multiple map layers according to some embodiments. [Figure 17A]

[0043] 1 provides a flowchart of a method for generating a data visualization of a map according to some embodiments. [Figure 17B]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. [Figure 17C]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. [Figure 17D]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. [Figure 17E]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. [Figure 17F]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. [Figure 17G]

[0043] A flowchart of a method for generating a data visualization of a map according to some embodiments is provided. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0025]

[0044] Reference will now be made to the embodiments, examples of which are illustrated in the accompanying drawings. In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention. However, it will be apparent to one skilled in the art that the present invention may be practiced without the need for these specific details.

[0026] Detailed Description of the Preferred Embodiments

[0045] FIG. 1 illustrates an interactive data analysis graphical user interface 100. The user interface 100 includes a data tab 114 and an analysis tab 116 according to some example embodiments. When the data tab 114 is selected, the user interface 100 displays a schema information area 110, also called a data pane. The schema information area 110 provides named data elements (e.g., field names) that can be selected and used to build a data visualization (sometimes more commonly called a visual graphic). In some embodiments, the list of field names is divided into dimension groups (e.g., categorical data) and measure groups (e.g., numerical quantities). Some embodiments also include a list of parameters. When the analysis tab 116 is selected, the user interface displays a list of analysis functions instead of data elements.

[0027]

[0046] The graphical user interface 100 also includes a data visualization area 112. The data visualization area 112 includes multiple shelf areas, such as a column shelf area 120 and a row shelf area 122, which are also referred to as the column shelf area 120 and the row shelf area 122. As shown in Fig. 1, the data visualization area 112 also has a large space for displaying visual graphics. In the example of Fig. 1, no data elements are selected, so the space initially has no visual graphics. In some implementations, the data visualization area 112 has multiple layers, called sheets.

[0028]

[0047] Graphical user interface 100 includes a filter area 126, which displays any filter conditions applied to the data set of the data visualization displayed in data visualization area 112. Graphical user interface 100 also includes a mark area 128, which displays information about one or more visual marks in the data visualization displayed in data visualization area 112. The mark area also includes one or more affordances for editing or modifying the visual marks, such as changing any of the shape, size, selectability, and / or visibility of the one or more visual marks displayed in data visualization area 112. In some implementations, mark area 128 can also display a layer of the data visualization (e.g., a display tab or affordance corresponding to a layer of the data visualization), such as when the data visualization displayed in data visualization area 112 includes one or more layers.

[0029]

[0048] 2 is a block diagram illustrating a computing device 200 capable of displaying the graphical user interface 100 according to some implementations (e.g., performing any of the methods described herein). Various examples of computing device 200 include desktop computers, laptop computers, tablet computers, and other computing devices having a processor capable of executing a display and data visualization application 222. Computing device 200 typically includes one or more processing units / cores (CPUs) 202 that execute modules, programs, and / or instructions stored in memory 214, thereby performing processing operations, one or more network or other communication interfaces 204, memory 214, and one or more communication buses 212 that interconnect these components. Communication bus 212 may include circuitry that interconnects and controls communication between system components.

[0030]

[0049] Computing device 200 includes a user interface 206 that includes a display device 208 and one or more input devices or mechanisms 210. In some implementations, the input device / mechanism includes a keyboard. In some implementations, the input device / mechanism includes a "soft" keyboard that is optionally displayed on display device 208 to allow a user to "press keys" that appear on display 208. In some implementations, display 208 and input device / mechanism 210 include a touch screen display (also called a touch sensitive display).

[0031]

[0050] In some embodiments, memory 214 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices. In some embodiments, memory 214 includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. In some embodiments, memory 214 includes one or more storage devices located remotely from CPU 202. Memory 214, or alternatively a non-volatile memory device within memory 214, includes a non-transitory computer-readable storage medium. In some embodiments, memory 214 or a computer-readable storage medium within memory 214 stores the following programs, modules, and data structures, or a subset thereof: · An operating system 216 that handles various basic system services and contains procedures for performing hardware-dependent tasks. One or more communications network interfaces 204 (wired or wireless) and a communications module 218 used to connect the computing device 200 to other computers and devices via one or more communications networks, such as the Internet, other wide area networks, local area networks, metropolitan area networks, etc. · A web browser 220 (or other application capable of displaying web pages) that allows the user to communicate with remote computers or devices over the network. A data visualization application 222 provides a graphical user interface 100 for a user to build a visual graphic. For example, a user selects one or more data sources 240 (which may be stored on the computing device 200 or may be stored remotely), selects data fields from the data sources, and defines a visual graphic using the selected fields. In some implementations, the information provided by the user is stored as a visual specification 228. The data visualization application 222 includes a data visualization generation module 226 that takes user input (e.g., the visual specification 228) and generates a corresponding visual graphic (also called a "data visualization" or "data viz"). The data visualization application 222 then displays the generated visual graphic on the user interface 100. In some implementations, the data visualization application 222 also includes a summary module 227 that is used to generate a summary of the data fields selected by the user. In some implementations, the data visualization application 222 runs as a standalone application (e.g., a desktop application). In some implementations, the data visualization application 222 runs within a web browser 220 or another application that uses web pages provided by a web server. Zero or more databases or data sources 240 (e.g., a first data source 240-1 and a second data source 240-2) used by the data visualization application 222. In some implementations, the data sources are stored as spreadsheet files, CSV files, XML files, or flat files, or are stored in a relational database.

[0032]

[0051] Each of the identified executable modules, applications, or sets of procedures may be stored in one or more of the memory devices and correspond to an instruction set that performs the functions described above. The identified modules or programs (i.e., instruction sets) need not be implemented as separate software programs, procedures, or modules, and thus various subsets of these modules may be combined or otherwise rearranged in various embodiments. In some implementations, memory 214 stores a subset of the identified modules and data structures. Additionally, memory 214 may store additional modules or data structures not described above.

[0033]

[0052] 2 illustrates a computing device 200, which is intended as a functional illustration of various features that may be present, rather than as a structural overview of the embodiments described herein. In practice, those skilled in the art will recognize that items shown separately may be combined and some items may be separated.

[0034]

[0053] FIG. 3A provides a data visualization 300 of a map according to some embodiments. The graphical user interface 100 displays the data visualization 300, which includes a map. In some embodiments, the data visualization 300 includes a single map layer. For example, the data visualization 300 shows a map of the Boston area that includes visual marks representing buildings in Boston. In some embodiments, the data visualization 300 includes multiple map layers, an example of which is provided with respect to FIG. 3B.

[0035]

[0054] 3B provides a data visualization 300 including multiple map layers according to some embodiments. In this example, the data visualization 300 includes a first map layer corresponding to a Boston neighborhood and a second map layer corresponding to buildings in Boston. The mark region 128 identifies the first map layer 320-1, entitled "Boston Neighborhood," and the second map layer 320-2, entitled "Boston Buildings."

[0036]

[0055] 4A-4C illustrate the generation of a map data visualization according to some embodiments. A map data visualization, such as data visualization 300 shown in FIGs. 3A and 3B, can be created (e.g., generated) using information from a data source (e.g., a database). For example, if the data source includes geographic data (e.g., information including any of longitude information, latitude information, or Global Positioning System (GPS) coordinates), the geographic data can be presented as a data visualization (e.g., a map data visualization) that includes a map.

[0037]

[0056] FIG. 4A provides an example of a graphical user interface 100 loaded with data (e.g., data tables) from a data source 402 called "Boston Buildings." The schema information area 110 displays the name of the data source 402 and the data tables and data fields from the data source 402. In some implementations, the data tables and data fields are displayed as selectable affordances. In some implementations, as shown in FIG. 4A, a user can select a data table or data field from the schema information area 110. For example, a user may click (e.g., right-click, single-click, double-click, or tap) on a data field to select the data field. In another example, a user clicks and holds (e.g., selects and drags) a data field from the schema information area 110 to move it to another area of ​​the graphical user interface 100. FIG. 4A shows an example of a user dragging a “Buildings” data field 410 (also referred to as a “Boston Buildings data field 410) from the schema information area to the data visualization area 112. In response to the user dragging and dropping the “Buildings” data field 410, the graphical user interface 100 displays a data visualization that includes information from the “Buildings” data field 410.

[0038]

[0057] 4B provides another example of generating a data visualization by dragging and dropping the "Geometry" data field 411 (from the "Boston Buildings" data table) into the data visualization area 112. In response to the user dragging and dropping the "Geometry" data field 411, the graphical user interface 100 displays the data visualization 300 shown in FIG. 4C, which includes information from the "Geometry" data field 411. The generated data visualization 300 includes visual marks that correspond to information about buildings in Boston. In this example, the visual marks include blueprints of buildings in the Boston area.

[0039]

[0058] As shown in Figures 4A-4C, the "Building" data field 410 and the "Geometry" data field 411 include a visual representation (e.g., a visual icon or a spherical icon) indicating that each of the "Building" data field 410 and the "Geometry" data field 411 contains geographic data.

[0040]

[0059] 4C , in addition to generating the data visualization 300, the graphical user interface 100 is also updated to display information about the data visualization 300 in the columns shelf region 120, the rows shelf region 122, and the marks region 128. In this example, the map data visualization 300 is generated based on the longitude and latitude information included in the “geometry” data field 411. A longitude icon 420-1 associated with the longitude information is shown in the columns shelf region 120, and a latitude icon 420-2 associated with the latitude information is shown in the rows shelf region 122. Additionally, the marks region 128 displays a visual mark icon 430 that corresponds to one or more of the visual marks shown in the data visualization 300. The visual mark icon 430 corresponds to a visual mark in the data visualization 300 that was generated according to the information in the “geometry” data field 411.

[0041]

[0060] In some implementations, a layer (e.g., a map layer of a data visualization) that displays visual marks corresponding to geographic data from a first data field added to a data visualization (e.g., a data field used to initially generate the map data visualization) is referred to as the first layer or base layer. In some implementations, a data visualization may include one layer, in which case all of the visual marks displayed in the data visualization correspond to the first layer (e.g., the base layer). For example, data visualization 300 shown in FIG. 4C includes one map layer. All of the visual marks corresponding to blueprints of the Boston building belong to the same map layer (e.g., all of the visual marks displayed as part of data visualization 300 belong to the same layer, as shown in FIG. 4C).

[0042]

[0061] In some implementations, the data visualization includes multiple layers (e.g., two or more map layers). In such cases, the data visualization includes a first subset of visual marks corresponding to a first layer and a second subset of visual marks corresponding to a second layer that is separate from the first layer. In some implementations, the first subset of visual marks is separate from the second subset of visual marks. In some implementations, the first subset of visual marks differs from the second subset of visual marks by at least one visual mark. In some implementations, the first subset of visual marks and the second subset of visual marks do not include any visual marks in common. For example, if a user updates the data visualization 300 to display additional information, such as geographic data from another data field, the visual marks corresponding to the additional information may belong to a second layer that is separate from the first layer. In such a case, the data visualization includes a first subset of visual marks corresponding to a first data field and a first tier, and a second subset of visual marks corresponding to a second data field separate from the first data field and a second tier separate from the first tier.

[0043]

[0062] An example is provided with respect to Figures 4A-4C illustrating a method of generating a map data visualization 300 using geographic data from a data source. In some implementations, additional information may also be added to the data visualization 300. For example, a new layer having new visual marks may be added (e.g., created or generated) to the existing data visualization 300 using other geographic data. An example of adding additional information in the form of a new layer (e.g., a new map layer) to the data visualization 300 is provided with respect to Figures 5A-5C.

[0044]

[0063] 5A-5C illustrate the creation of map layers in a map data visualization 300 according to some embodiments.

[0045]

[0064] 5A shows a first set of visual marks 530 (e.g., building locations or building blueprints) that correspond to the "Boston Buildings" data field 410. The first set of visual marks 530 correspond to (e.g., belong to or are associated with) a first layer (e.g., a base layer) of the data visualization 300.

[0046]

[0065] 5A illustrates receiving user input to place the "nearby" data field 412 into affordance 512 to add a new map layer (e.g., dragging the "nearby" data field 412 from the schema information region 110 and dropping the "nearby" data field 412 into affordance 512 to add a new layer). In response to placing the "nearby" data field 412 into affordance 512, the data visualization 300 is automatically updated (e.g., independent of additional user input) according to the information (e.g., geographic data) contained in the "nearby" data field 412.

[0047]

[0066] As shown in FIG. 5B, the data visualization 300 is updated to include a second set of visual marks 540 that are part of the second map layer. In this example, the second set of visual marks 540 in the second layer are displayed in the data visualization 300 as an area on the map that is emphasized (e.g., shaded, highlighted, or shaded) according to the geographic data from the "nearby" data field 412. In addition, the mark area 128 is also updated to show layers 520-1 and 520-2. The first layer 520-1 (e.g., the base layer, first map layer, or original layer) corresponds to the "Boston Buildings" data field 410 (also referred to as the "Buildings" data field 410 in FIG. 4A). The second layer 520-2 corresponds to the "Boston Neighborhoods" data field 412. In some implementations, the order in which the layers (e.g., layers 520-1 and 520-2) are displayed is based on the order in which the layers are added to the data visualization. For example, as shown in FIG. 5B , a second layer (e.g., a new layer corresponding to the “Boston Neighborhoods” data field 412) was added to the data visualization 300 after the first layer (e.g., the base layer corresponding to the “Boston Buildings” data field 410), so in the mark area 128, the second layer 520-2 (e.g., layer icon 520-2) is displayed above the first layer 520-1 (e.g., layer icon 520-1).

[0048]

[0067] In some implementations, in response to receiving a user selection of a layer (e.g., layer 520-1 or layer 520-2), mark area 128 is updated to display an expanded view of the selected layer, including a display of additional information and affordances corresponding to the selected layer. In some implementations, in response to receiving user input that adds a new layer to data visualization 300, mark area 128 is automatically updated to display the new layer (e.g., displaying fore-dances equivalent to the new layer) and automatically displays an expanded view of the layers. For example, as shown in FIG. 5B, in response to receiving user input that adds a second layer corresponding to the “Near Boston” data field 412, mark area 128 is updated to display layers 520-1 and 520-2, and mark area 128 automatically displays an expanded view of second layer 520-2, where the expanded view includes one or more affordances for editing a second set of visual marks 540 that correspond to (e.g., belong to) the second layer of data visualization 300.

[0049]

[0068] In some implementations, in response to receiving user input that adds a new layer, the new layer automatically becomes the active layer (e.g., such that any user input received in the data visualization 300 or data visualization area 112 corresponds to a selection or action on a visual mark associated with the new layer.

[0050]

[0069] FIG. 5C illustrates another method of adding a layer to the data visualization 300. A new layer can be added to the data visualization 300 by selecting an “Add New Layer” selection from a drop-down menu corresponding to a data field in the schema information region 110. In this example, the user selects (e.g., right-click, select option) the “Buildings” data field 410. In response to the user's selection, the graphical user interface 100 displays a drop-down menu (e.g., a pop-up menu) corresponding to the “Buildings” data field 410. In response to receiving a user selection of the “Add New Layer” selection in the drop-down menu, the data visualization 300 is updated to display information from the “Buildings” data field 410 (e.g., displaying a visual mark showing a blueprint of a building in Boston). The mark region 128 of the graphical user interface 100 is also updated in response to receiving user input to add a new layer to the data visualization, as described above with respect to FIG. 5B.

[0051]

[0070] 6A-6C show the encoding of visual variables in a data visualization 300 of a map according to some embodiments. In addition to adding new visual marks and / or new layers to a data visualization, a user can also edit (e.g., change or customize) how the visual variables of a data visualization are encoded, thereby changing the appearance of the visual marks displayed in the data visualization. For example, a user may update data visualization 300 to include visual marks that are color-coded to convey information about different neighborhoods in Boston, or update data visualization 300 to include labels (e.g., names) of different neighborhoods in Boston.

[0052]

[0071] 6A illustrates a user selection to edit how visual variables associated with the "nearby" data table 610 are encoded. In this example, the user selected the "nearby" data table 610 and associated the "nearby" data table 610 with second tier 520-2 (e.g., placed it in affordance 620-1 associated with the "nearby" data table 610). The data visualization 300 is automatically updated in response to the user input (e.g., independent of additional user input) to encode the data from the "nearby" data table 610 using color.

[0053]

[0072] 6B illustrates the updated data visualization 300. In the updated data visualization 300, the second layer 520-2 includes a second set of visual marks (e.g., visual marks 540-1 and 540-2) color-coded by neighborhood. In this example, the "Neighborhoods" data table 610 includes information about neighborhood areas in Boston, and affordance 620-1 is a color-coding affordance that allows a user to edit the color-coding of the visual marks in the second layer displayed in the data visualization 300. Thus, the data visualization 300 is updated to display information about the neighborhood boundaries and / or locations color-coded such that two different neighborhoods identified in the "Boston Neighborhoods" table are represented in different colors, thereby distinguishing the two separate neighborhoods from each other (e.g., a first area 540-1 on the map corresponding to a first neighborhood is displayed in a first color, and a second area 540-2 on the map corresponding to a second neighborhood different from the first neighborhood is displayed in a second color different from the first color). In some implementations, the data visualization 300 is also updated to include a legend 640 that associates the colors of the new layer in the map with neighborhood names. For example, the legend 640 may indicate that a first color corresponds to the South Boston neighborhood 540-1 and a second color corresponds to the Dorchester neighborhood 540-2.

[0054]

[0073] 6C illustrates an example of a user selection specifying a mark encoding using one or more data fields. In this example, a user selected a "Name" data field 612 corresponding to a "Name" data field from the "Boston Neighborhoods" data table and placed the "Name" data field 612 in affordance 620-1 of second layer 520-2 associated with the second layer. In response to the user input, as shown in FIG. 6B, a color-coding visual variable is associated with the name data field 612 and the data visualization 300 displays neighborhoods with different names in different colors.

[0055]

[0074] Visual variables specify how data (e.g., geographic data) is displayed in the data visualization (e.g., which visual marks are used and what information the visual marks represent). If there is more than one layer, each layer has its own color coding that specifies how the marks in that layer are displayed.

[0056]

[0075] 7A-7F illustrate editing the appearance of visual marks in a map data visualization according to some embodiments.

[0057]

[0076] 7A illustrates the addition of a third layer to data visualization 300. In this example, a user drags and drops the "Community Center" data field 710 in affordance 512 for adding a new layer. The "Community Center" data field 710 contains geographic data regarding the location of the community center. In response to the user input, graphical user interface 100 is updated according to the geographic data from the "Community Center" data field 710.

[0058]

[0077] 7B shows graphical user interface 100 updated in response to receiving user input to create (e.g., add) a new tier (e.g., a third tier) using information stored in the "community center" data field 710. Data visualization 300 is updated to display the community center (shown as a circle 720 on data visualization 300) and mark region 128 is updated to include third tier 730 (e.g., the newly added tier corresponding to "community center" data field 710).

[0059]

[0078] In some implementations, such as when data visualization 300 includes multiple layers (e.g., map layers), mark area 128 displays the layers (e.g., layers 520-1, 520-2, and 730). In some implementations, the map layers are automatically ordered based on the order in which they were added to the data visualization. In this example, the first layer is below (e.g., lower than) each of the second and third layers because the first layer was added before each of the second and third layers. Similarly, the third layer is above the first and second layers because it was added last (e.g., after each of the first and second layers). The order of the layers is reflected in both data visualization 300 and mark area 128. For example, data visualization 300 shows the third set of visual marks 720 (e.g., circle 720) as being in front of the second set of visual marks 540 (e.g., visual marks 540-1 and 540-2) and the first set of visual marks 530 as being behind (or below) each of the second set of visual marks 540 and the third set of visual marks 720. In this example, the first set of visual marks 530 is substantially invisible in data visualization 300. In marked area 128, the top layer is displayed at the top of marked area 128 and the bottom layer (e.g., first layer, base layer) is displayed at the bottom of marked area 128. In this example, first layer 520-1 is displayed at the bottom of marked area 128, third layer 730 (e.g., layer icon 730) is displayed at the top of marked area 128, and second layer 520-2 is displayed between first layer 520-1 and third layer 730.

[0060]

[0079] 7C illustrates a drop-down menu 732 that is part of a third tier 730 associated with the “Community Center” data field 710. The drop-down menu 732 (shown in an expanded view) displays multiple choices that correspond to how the data from the “Community Center” data field 710 is encoded and displayed in the data visualization 300. In this example, the default automatic data visualization type is a map, and the user selects a “Circle” data visualization type for the third tier (e.g., for the visual marks corresponding to the “Community Center” data field 710). In response to the user selection, the data visualization 300 displays a third set of visual marks 720 (e.g., circles 720) that correspond to the locations of the community centers. The third set of visual marks 720 (e.g., circles 720) correspond to (e.g., are associated with or belong to) the third tier.

[0061]

[0080] The third set of visual marks 720 is separate from the second set of visual marks 540 (corresponding to the neighborhood area), and the third tier (e.g., the tier corresponding to the third set of visual marks 720 and corresponding to the “Community Center” data field 710) is separate from each of the first tier (e.g., the tier corresponding to the first set of visual marks 530 and corresponding to the “Buildings” data field 410) and the second tier (e.g., the tier corresponding to the second set of visual marks 540 (including visual marks 540-1 and 540-2) and corresponding to the “Neighborhood” data field 412).

[0062]

[0081] 7D provides an example where a user selects "shape" as the mark type from drop down menu 732 (shown in collapsed view). In response to the user selection, the third set of visual marks 720 are displayed as crosses. The shape of the visual marks in the third set of visual marks 720 changes from a circle to a cross in response to the user's selection of the "shape" mark type, however the encoding of the data marks in the first and second layers remains unchanged by the user selection.

[0063]

[0082] In some implementations, the size and / or color of the visual marks 720 may be edited. Figure 7E illustrates a user input to edit (e.g., change, adjust, select, or set) the size of the visual marks in the third set of visual marks 720 in the third tier. In response to a user selection of size-coding affordance 734, graphical user interface 100 displays a pop-up window 736 that allows the user to edit the size of the visual marks 720 in the third tier. In response to a user selection to change the size of the visual marks 720, data visualization 300 is updated to display the visual marks according to the selected size.

[0064]

[0083] 7F shows the updated data visualization 300 with the visual mark at an updated size. In this example, the user selected to increase the size of the visual mark, so the visual mark 720 of the updated data visualization 300 shown in FIG. 7F is larger than the circle of the data visualization 300 shown in FIG. 7E.

[0065]

[0084] The user may also edit (e.g., change, adjust, select, or set) the color of the visual mark in the layer. As shown in FIG. 7F, in response to a user selection of the color-coding affordance 620, the graphical user interface 100 displays a pop-up window 738 that includes multiple options (e.g., affordances) for editing color characteristics of the visual mark 720 in the third layer 730. Using the multiple affordances in the pop-up window 738, the user may change the color and / or opacity of the visual mark in the corresponding layer, as well as add additional visual effects, such as a "halo" effect, or add a border to the visual mark. In this example, the graphical user interface 100 receives a user selection of a color. In response to receiving the user selection of a color, the visual mark in the third layer 730 is updated to the user-selected color (e.g., the circle 720 changes from gray to red).

[0066]

[0085] In some implementations, in response to receiving user input that edits the appearance of the visual mark (e.g., size or color), the data visualization 300 updates the appearance of the visual mark according to the user input and the encoding of the visual variables associated with the visual mark, which further illustrates that the encoding of the mark in the third layer does not affect the encoding of the mark in the first and second layers.

[0067]

[0086] 8A-8D illustrate editing of map layers of a map data visualization 300 according to some embodiments. As discussed above with respect to FIG. 7B, in some embodiments, mark area 128 displays the layers (e.g., layers 520-1, 520-2, and 730) in an order that reflects the hierarchy of the layers in data visualization 300. In some embodiments, the order of the layers in data visualization 300 can be rearranged (e.g., edited) by changing the order in which the layers are displayed in mark area 128. For example, if a layer displayed at the bottom of mark area 128 is moved to the top of mark area 128, the moved layer will be displayed as a top layer (e.g., the highest layer) in data visualization 300, and visual marks associated with the moved layer will be displayed by data visualization 300 as being in front of (e.g., above) visual marks belonging to other layers of data visualization 300.

[0068]

[0087] 8A and 8B illustrate a drag-and-drop method of reordering layers in data visualization 300. FIGURE 8A illustrates a user input to drag and drop the first layer 520-1, which corresponds to the "Boston Buildings" data field 410, to a different location within the mark area 128. In this example, the user places the first layer 520-1 at the top of the mark area 128 such that the first layer 520-1 is now the top layer. The data visualization 300 and mark area 128 are updated to reflect the new order of the layers. As shown in FIG. 8B, mark area 128 displays first layer 520-1 on top, indicating that first layer 520-1 is the top layer, and data visualization 300 is updated to show the first set of visual marks 530 in front of (e.g., as an overlay on top of) other visual marks in data visualization 300 (e.g., the second set of visual marks 540, including visual marks 540-1 and 540-2, and the third set of visual marks 720).

[0069]

[0088] In some implementations, a user may use a drop-down menu for each layer to move a layer up or down (eg, promote or demote a layer).

[0070]

[0089] 8C illustrates a user selection to demote the first tier 520-1 by one level. In response to a user selection of an affordance 812 (e.g., an arrow affordance 812), the graphical user interface 100 displays a drop-down menu 814 that corresponds to the first tier 520-1. In response to a user selection of a "move down" option from the drop-down menu 814, the first tier 520-1 is demoted by one level. FIG. 8D illustrates the updated data visualization 300 based on the demoting of the first tier 520-1.

[0071]

[0090] 8D , the marks region 128 has been updated to display the first layer 520-1 on top of the second layer 520-2, which is above (e.g., hierarchically above) the second layer 520-2. Additionally, the data visualization 300 has been updated to display a third set of visual marks 720 (e.g., a circle 720 corresponding to the location of the community center) as overlaid on top of the first set of visual marks 530 (which shows the blueprints for the Boston buildings).

[0072]

[0091] 8D also illustrates a user selection of the "Move Up" option from drop-down menu 814. In response to receiving the user selection, graphical user interface 100 updates to move first layer 520-1 up one layer (e.g., to the top layer), and data visualization 300 and mark region 128 are updated according to the promotion of first layer 520-1 to the top layer.

[0073]

[0092] 9A-9C illustrate the naming of map layers of a data visualization 300 of a map according to some embodiments. The name of a layer in the data visualization 300 can be changed by editing the text field corresponding to the layer. For example, as shown in FIG. 9A, a user can edit the text field 910 corresponding to the name of the community center layer 730. In some embodiments, the text field 910 toggles to an editable mode in response to receiving user input (e.g., a click, a double-click, a click and hold, or a right-click) in the text field 910. Once the text field 910 is in the editable mode, the user can change the name of the layer 730. As shown in FIG. 9B, the name of the layer 730 is changed from "Community Center" to "My Layer."

[0074]

[0093] 9C illustrates another manner of activating the editable mode of text field 910. In response to receiving a user selection of affordance 812, graphical user interface 100 displays drop-down menu 814. In response to receiving a user selection of a "Rename" option shown in drop-down menu 814, text field 910 becomes editable, allowing the user to update or change the name of layer 730.

[0075]

[0094] 10A-10C illustrate changing visibility of map layers of a map data visualization 300 according to some embodiments. The visibility of each layer in the data visualization can be controlled individually (e.g., independently). Controlling the visibility of each layer allows a user to determine which visual marks are displayed by the data visualization. For example, a user may create a comprehensive map data visualization that includes multiple layers. However, from time to time, it may be desirable to display visual marks of less than a subset of all layers. Thus, a user can edit what information is displayed in the data visualization by changing the visibility status of each layer in the data visualization without having to remove or add layers from the data visualization each time.

[0076]

[0095] As shown in FIG. 10A, a user may provide user input at an icon 1010 (e.g., status icon 1010 or visibility icon 1010) to change the status or visibility of the corresponding layer. In this example, a user may select icon 1010 to change the visibility of layer 730. For example, in response to receiving user input (e.g., a click) at icon 1010, layer 730 is switched from a visible status to a hidden status (e.g., a non-visible status or an invisible status). FIG. 10B illustrates an updated data visualization 300 showing a first set of visual marks 530 associated with a first layer 520-1 (e.g., visual marks 530 corresponding to Boston buildings) and a second set of visual marks 540 (e.g., visual marks 540-1 and 540-2) belonging to a second layer 520-2. The updated data visualization 300 does not show the third of the visual marks 720 that correspond to the third layer 730 (e.g., the visual mark that corresponds to the location of the community center) because the third layer 730 is hidden. The icon 1010 is updated according to the hidden status of the third layer 730.

[0077]

[0096] A user gesture on the icon 1010 can toggle the visibility of a layer. For example, when an icon 1010 indicates that a layer is visible, a user input (e.g., a click or double-click) on the icon 1010 toggles the associated layer. A second user input (e.g., a click or double-click) while the icon indicates that a layer is hidden toggles the layer to a visible status.

[0078]

[0097] FIG. 10C illustrates another method of changing the visibility of a layer. In response to receiving user input at affordance 812, graphical user interface 100 displays drop-down menu 814. User selection of the “Hidden” option toggles the visibility of the associated layer in data visualization 300 between hidden and visible. While the “Hidden” option is displayed with a checkmark adjacent to it, the layer is in a hidden status and visual markings corresponding to the layer are not displayed in data visualization 300. While the “Hidden” option is displayed without a checkmark adjacent to it, the layer is in a visible status and visual markings corresponding to the layer are displayed in data visualization 300. While the “Hidden” option is displayed with a checkmark adjacent to it, providing user input (e.g., selecting or clicking) to the “Hidden” option toggles the layer from a hidden status to a visible status. While the “Hidden” option is displayed without a checkmark adjacent to it, providing user input (e.g., selecting or clicking) to the “Hidden” option toggles the layer from a visible status to a hidden status.

[0079]

[0098] In some implementations, the graphical user interface 100 automatically (e.g., without additional user input as a default setting) sets each newly added layer to the data visualization 300 in visible mode. In such a case, in response to receiving user input adding a layer to the data visualization 300, the newly added layer is added to the visualization 300 in visible status such that visual markings corresponding to the newly added layer are displayed as part of the data visualization 300 independent of any additional user input.

[0080]

[0099] In some implementations, one or more layers can be grouped together such that a single command directed to a group of layers can change the visibility status of all layers. This feature allows a user to group multiple layers and perform a single command (e.g., change the visibility status to hidden) without having to repeat the command or gesture on each layer.

[0081]

[0100] Figure 10D illustrates how graphical user interface 100 is updated in response to detecting a user gesture in mark area 128, according to some implementations. Figure 10D illustrates how affordances, text fields (such as text field 910), and icons (such as icon 1010) associated with a layer respond to a user gesture (e.g., hovering, clicking, double-clicking, or right-clicking).

[0082]

[0101] When a layer is in a visible status and no user gesture is detected in the mark area 128 corresponding to the layer (e.g., no user gesture at the icon 1010, the text field 910, or the affordance 812) and is “static”, the icon 1010 shows an image representing the type of data visualization of the layer, and the text field 910 includes the name of the layer. In this example, the icon 1010 shows a map, the corresponding icon indicates that it is a map layer, and the text field 910 indicates that the name of the layer is “Nearby”. Conversely, when “hidden static”, the layer is in a hidden status. No user gesture is detected in the portion of the mark area 128 corresponding to the layer (e.g., no user gesture is detected at the icon 1010, the text field 910, or the affordance 812). In this case, the icon 1010 shows an image of an eye with a strikethrough, indicating that the layer is hidden. When a user hovers over an area in the mark area 128 corresponding to the layer, such as the text field 910, the icon 1010 changes to show an image representing the visibility status of the layer. Icon 1010 shows an image of an eye when the layer is displayed, and shows an image of an eye with a line through it (e.g., a line through the eye) when the layer is hidden. Figure 10D also shows how icon 1010 is emphasized (e.g., shaded or highlighted) in response to detection of a user hovering or clicking on icon 1010. Figure 10D also shows how affordance 812 is emphasized (e.g., shaded or highlighted) in response to detection of a user hovering or clicking on affordance 812.

[0083]

[0102] 11A-11D illustrate a selection of visual marks in a map data visualization 300 according to some embodiments.

[0084]

[0103] 11A illustrates a user selection of visual marks in data visualization 300 when all layers (e.g., all map layers) of data visualization 300 are in selectable mode (e.g., selection of visual marks in layers is enabled). In this example, visual marks included in the user selection (e.g., box 1100 drawn by the user) are highlighted (e.g., the outline of the visual mark is bold and the visual mark is bold) to indicate which visual marks are included in the user selection. For example, visual marks 1110 included in box 1100 corresponding to the user selection are highlighted relative to visual marks 1112 outside box 1100 to indicate that the highlighted visual marks 1110 are included in the user selection and that visual marks 1112 are not included in the user selection. In this example, all three layers 520-1, 520-2, and 730 of data visualization 300 are selectable, and thus visual marks 1110 includes a first set of visual marks 530 (indicating a building blueprint), a second set of visual marks 530 (associated with a neighborhood area), and a third set of visual marks 720 (indicating the location of a community center).

[0085]

[0104] 11B illustrates a method for changing the selection status of a layer. In this example, the graphical user interface 100 displays a drop-down menu 814 corresponding to the third layer 730. The third layer 730 is in a selectable mode (e.g., visual marks can be selected), and thus the drop-down menu 814 provides an option to “disable selection” for the third layer 730. If the third layer 730 is in a non-selectable mode (e.g., visual marks cannot be selected or visual marks are excluded from user selection and user gestures within the data visualization 300), the drop-down menu 814 provides an option to “enable selection” for the third layer 730. In response to receiving a user selection of the “disable selection” option, selection of visual marks from the third set of visual marks 720 belonging to the third layer 730 (e.g., “my layer”) is disabled.

[0086]

[0105] 11C , the highlighted visual marks 1120 in the data visualization 300 include visual marks from the second subset of visual marks 540 (e.g., visual marks within selected region 1122 corresponding to a neighborhood). Additionally, visual marks from the third set of visual marks 720, whether or not they are within the user selection (e.g., selected region, selected area, box 1122), are not highlighted to indicate that they are not part of the user selection.

[0087]

[0106] 11D shows yet another example in which the first layer 520-1 and the third layer 730 are disabled for selection. In response to receiving user input selecting visual marks to include in the data visualization 300, the selected visual marks 1230 include visual marks from the second set of visual marks 540 (associated with the second layer 520-2), none of the visual marks from the first set of visual marks 530 (corresponding to the first layer 520-1), and none of the visual marks from the third set of visual marks 720 (corresponding to the third layer 730). The selected visual marks 1230 are highlighted relative to the visual marks not included as part of the selection.

[0088]

[0107] In some implementations, the graphical user interface 100 automatically (e.g., as a default setting, independent of additional user input) sets each newly added layer to the data visualization 300 in selectable mode. For example, in response to receiving user input adding a layer to the data visualization, the newly added layer is added to the data visualization in selectable status such that a visual mark corresponding to the newly added layer is selectable by user input in the data visualization.

[0089]

[0108] FIG. 12 illustrates zoom range operation of a data visualization 300 of a map according to some embodiments. The zoom range of a data visualization refers to a default or home view. If the data visualization includes only one layer, the zoom range is a view of the data visualization that includes all visual marks in that one layer. If the data visualization includes multiple layers, each of the multiple layers can be individually and independently added to the zoom range of the data visualization. In response to adding a layer to the zoom range of the data visualization, the default view of the data visualization will include all visual marks from the layer. Any layers not added to the zoom range of the data visualization may still be displayed as part of the data visualization (e.g., if the layer is in display status), but the default view of the data visualization does not necessarily include all visual marks of layers that were not added to the zoom range of the data visualization.

[0090]

[0109] 12 , in response to receiving a user selection of an “Add to Zoom Range” option provided in drop-down menu 814 corresponding to third layer 730, data visualization 300 automatically updates the default view of data visualization 300 such that all visual marks that are part of third layer 730 are displayed when data visualization 300 is in the default or home view. The user may zoom (in or out) to update how much of data visualization 300 is displayed at any given time and which visual marks are displayed in data visualization 300 while maintaining the zoom range of the default or home view of data visualization 300. Thus, regardless of any user actions (e.g., zooming in, zooming out, or scrolling) that adjust the view of the displayed data visualization 300, the default or home view of data visualization 300 includes all visual marks from the layers that are included as part of the zoom range of data visualization 300.

[0091]

[0110] 13 illustrates the display of information about a visual mark in a data visualization 300 of a map according to some embodiments. In some embodiments, in response to a user gesture at a visual mark in the data visualization 300, such as clicking or hovering over the visual mark, the data visualization 300 displays information about the visual mark. In this example, the user hovers over a visual mark 1300 that corresponds to a Boston neighborhood. In response to detecting the user gesture (hovering in this example), the data visualization 300 displays a pane 1310 (e.g., a pop-up area or floating window) that includes a label for the visual mark 1300. In this example, the pane 1310 displays the name of the Boston neighborhood that corresponds to the visual mark, i.e., "Brighton."

[0092]

[0111] 14A-14D illustrate the removal of a map layer from a data visualization of a map according to some embodiments. Each layer of the data visualization 300 can be removed from the data visualization 300. For example, as shown in FIG. 14A, the third layer 730 is removed by selecting a "Delete" option from the drop-down menu 814 associated with the third layer 730. In response to a user selection of the "Delete" option, the third layer 730 is removed from the data visualization 300. As shown in FIG. 14B, the visual marks from the third set of visual marks 720 corresponding to the location of the community center are no longer displayed as part of the data visualization 300. Additionally, the marks area 128 is updated to show only the first layer 520-1, the second layer 520-2. When the third layer 730 is removed from the data visualization 300, the marks area 128 does not include the third layer 730.

[0093]

[0112] FIG. 14C illustrates another method of removing a layer from the data visualization. In some implementations, a user can select a layer from the mark area 128 and place (e.g., drag and drop) the layer into an area of ​​the graphical user interface 100 outside of (e.g., different from) the mark area 128. In this example, the user drags the second layer 510-2 into an area of ​​the graphical user interface 100 separate (e.g., different) from the mark area 128. In response to a user input (e.g., a user action or user gesture), the second layer 510-2 is removed from the data visualization 300. As shown in FIG. 14D, the visual marks from the second set of visual marks 540 corresponding to the Boston neighborhood are no longer displayed as part of the data visualization 300. Additionally, the mark area 128 is updated to display affordances associated with the first layer 520-1. When the second layer 520-2 is removed from the data visualization 300, the marked area 128 does not include (eg, does not display) the second layer 520-2.

[0094]

[0113] As shown in FIG. 14D, in some implementations, such as when the data visualization 300 includes only one layer, the mark area 128 does not display the name of the layer, but displays information associated with the layer in the expanded view, including displaying one or more affordances corresponding to the layer.

[0095]

[0114] 15A shows an example of a schema information area 110 in a graphical user interface 100 with a single data source, according to some embodiments. When a single data source is loaded and displayed as part of the graphical user interface 100, the schema information area 110 displays the name 1500 of the data source as well as icons 1510 corresponding to tables from the data source and icons 1512 corresponding to data fields from the data source.

[0096]

[0115] 15B-15D provide examples of schema information area 110 in graphical user interface 100 with multiple data sources, according to some embodiments. When multiple data sources are loaded and displayed as part of graphical user interface 100, schema information area 110 displays names 1500 of the data sources (e.g., "Boston Buildings," "Boston Neighborhoods," and "Boston Police Department"). Schema information area 110 also updates according to (e.g., based on) which of the multiple data sources is selected. In some embodiments, the selected or active data source is emphasized (e.g., highlighted, shaded, or bolded) relative to other data sources in the multiple data sources. For example, when the "Boston Buildings" data source is selected, schema information area 110 displays data tables 1510 (e.g., data table icons 1510) from the "Boston Buildings" data source, and schema information area 110 displays data fields 1512 from the "Boston Buildings" data source. In Figure 15C, in response to detecting a user selection of another data source (e.g., the "Near Boston" data source), schema information region 110 displays a table 1520 from the selected data source (e.g., the active data source, which is the "Near Boston" data source) and schema information region 110 displays data fields 1522 from the selected data source. In Figure 15D, in response to detecting a user selection of another data source (e.g., the "Boston Police Department" data source), schema information region 110 displays a table 1530 from the selected data source (e.g., the active data source, which is the "Boston Police Department" data source) and schema information region 110 displays data fields 1532 from the selected data source.

[0097]

[0116] 16A and 16B show a multi-pane data visualization 1600 of multiple map layers according to some embodiments. In some embodiments, it may be desirable to present information from each layer in a separate pane. FIG. 16A shows a data visualization 1600 that includes multiple panes 1620 (e.g., panes 1620-1 through 1620-8). A user may add information from a data table or data field to the data visualization 1600. For example, pane 1620-1 of the data visualization 1600 shown in FIG. 16A displays information corresponding to Boston buildings.

[0098]

[0117] 16A, data visualization 1600 is a multi-pane data visualization that includes a layer that corresponds to the "Buildings" data field 410. A set of visual marks that belong to the layer are displayed in at least one of the panes. In this example, a set of visual marks 1602-1 is displayed in a first pane 1620-1, and another set of visual marks 1602-2, which is also included as part of the layer, is displayed in another pane 1620-5. Both sets of visual marks 1602-1 and 1602-2 belong to the same layer and display information about buildings.

[0099]

[0118] 16A also illustrates a user input that adds a new layer to the data visualization 1600. The graphical user interface 100 detects (e.g., receives) a user selection of the "nearby" data field 412 from the schema information region 110 and a user placement on the affordance 512 of the "nearby" data field 412. In some implementations, the visual marks in the first pane are different from the visual marks in another pane. For example, the visual marks 1602-1 in the first pane 1620-1 are different from the visual marks 1602-2 displayed in the fifth pane 1620-5. In this example, the visual marks 1602-2 displayed in the fifth pane 1620-5 include a subset of less than all of the visual marks 1602-1 displayed in the first pane 1620-1.

[0100]

[0119] 16B, in response to receiving user input (e.g., user selection and placement), the data visualization 1600 is updated to display information from the “nearby” data field 412 in at least one of the panes 1620. The mark region 128 is also updated to display the “nearby” layer 1630.

[0101]

[0120] In some implementations, visual marks corresponding to a single layer can be displayed across multiple panes. FIG. 16B shows an example where a user selects a “duplicate across panes” option from drop-down menu 814 associated with layer 1630-2. In response to user input (e.g., user selection of the “duplicate across panes” option), data visualization 1600 populates each pane 1620 with visual marks corresponding to data fields associated with layer 1630-2. In this example, layer 1630-2 includes visual marks corresponding to geographic data from “neighborhoods” data field 412. Thus, each pane 1620 of data visualization 1600 includes visual marks (e.g., visual marks 1640-1 through 1640-8) corresponding to neighborhoods in Boston. A user can customize each pane 1620 in data visualization 1600 such that a first pane (e.g., pane 1620-1) of data visualization 1600 displays different visual marks than the visual marks of another pane (e.g., pane 1620-2). For example, the first pane 1620-1 includes a visual mark 1602-1 that belongs to layer 1630-1 and a visual mark 1640-1 that belongs to layer 1630-2. In contrast, the second pane 1620-2 includes a visual mark 1640-2 that belongs to layer 1630-2, and does not include a visual mark associated with the first layer 1630-1.

[0102]

[0121] 17A-17G are flowcharts of a method 1700 for generating a map data visualization (e.g., data visualizations 300 and 1600) for a map according to some implementations. The method 1700 is executed (1702) on a computing device having a display, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors. The method 1700 includes receiving (1704) a user selection of a data source having geographic data. The method 1700 also includes displaying (1706) a data visualization user interface 100. The data visualization interface includes a schema information region 110, a data visualization region 112, and a number of shelf regions (e.g., column shelf region 120 and row shelf region 122). The schema information region 110 includes a number of user-selectable data fields (e.g., data field icons 410, 411, 412, 710, 1512, 1522, and 1532). Each shelf area of ​​the plurality of shelf areas defines a respective characteristic of the data visualization to be displayed in the data visualization area. The method 1700 further includes receiving 1708 a first user input placing a first geographic data field (e.g., data field 410) from the schema information area in the data visualization area. The method 1700 also includes generating 1722 a map data visualization in response to the first user input using coordinates associated with the first geographic data field (e.g., a longitude data field represented by icon 420-1 and a latitude data field represented by icon 420-2) and displaying it in the data visualization area 112. The map data visualization includes a first plurality of data marks (e.g., visual marks 530) in a first layer (e.g., layer 520-1). The method 1700 further includes receiving 1730 a second user input selecting a second geographic data field from the schema information area 110. The method 1700 also includes, in response to the second user input 1731, displaying 1736 a new layer icon (e.g., layer 520-2) in the schema information area. When the new layer icon is activated by the second geographic data field, the method overlays 1738 the second layer onto the existing map data visualization to form an updated map data visualization.The second tier includes a second plurality of data marks (eg, visual marks 540) that correspond to a second geographic data field (eg, data field 412).

[0103]

[0122] In some implementations, the second user input includes a user selection of a data field icon associated with the second geographic data field (1739). In response to detecting the user selection of the data field icon associated with the second geographic data field, the method displays (1740) a predefined drop area (e.g., affordance 512) for generating a new layer in the data visualization area. The second user input further includes moving the data field icon associated with the second geographic data field to the predefined drop area.

[0104]

[0123] In some implementations, the method 1700 also includes associating (1732) a longitude data field corresponding to the first geographic data field (e.g., the longitude data field represented by icon 420-1) with a first shelf area (e.g., column shelf area 120) of the multiple shelf areas.

[0105]

[0124] In some embodiments, the method 1700 also includes associating (1733) a latitude data field corresponding to the second geographic data field (e.g., the latitude data field represented by icon 420-2) with a second shelf area (e.g., row shelf area 122) of the plurality of shelf areas.

[0106]

[0125] In some implementations, the method 1700 further includes displaying 1734 a first data field icon associated with the longitude data field in a first shelf area. For example, as shown in FIG. 4C, data field icon 420-1 is associated with the longitude data field and is displayed in the columns shelf area.

[0107]

[0126] In some implementations, the method 1700 also includes displaying 1735 a second data field icon associated with the latitude data field in a second shelf area. For example, as shown in FIG. 4C, data field icon 420-2 is associated with the longitude data field and is displayed in the rows shelf area.

[0108]

[0127] In some implementations, the latitude and longitude data fields are generated data fields (e.g., automatically generated data fields). For example, each of the latitude and longitude data fields may be generated based on geographic data from a data field (e.g., geographic data from data fields 410, 411, 412, or 710).

[0109]

[0128] In some implementations, the method 1700 further includes receiving (1742) a third user input that (i) selects a third geographic data field from the schema information area 110 and (ii) places the third geographic data field on a mark encoding shelf (e.g., mark area 128) of the second tier. In response to the third user input, the method encodes (1744) the second plurality of data marks according to the mark encoding shelf while leaving the first plurality of data marks unencoded according to the mark encoding shelf.

[0110]

[0129] In some implementations, the third geographic data field is associated with the second geographic data field (e.g., belongs to the same data table or is the same data field). For example, a user may add a new layer 510-2 that corresponds to the "nearby" data field 410, and may also encode visual marks in layer 510-2 based on the information stored in the "nearby" data field 410.

[0111]

[0130] In some implementations, the method 1700 further includes receiving (1746) one or more user inputs at a mark encoding shelf of the first tier (e.g., affordance 620-1 in mark area 128) that change the encoding of the first plurality of data marks at the first tier. In response to receiving the one or more user inputs at the mark encoding shelf of the first tier, the method encodes (1748) the first plurality of data marks according to the one or more user inputs at the mark encoding shelf of the first tier while maintaining the second plurality of data marks according to the mark encoding shelf of the second tier. For example, as shown in Figures 6A-6C, when a user places either the "Nearby" data field 412 or the "Name" data field 610 from the "Near Boston" data table onto affordance 620-1, the second set of visual marks 540 (including visual marks 540-1 and 540-2) corresponding to the "Nearby" data field 412 is coded in color, and the first set of visual marks 530 is not coded (or the coding of the first set of visual marks 530 remains unchanged).

[0112]

[0131] The encoding of the first plurality of data marks in the first layer may include either changing color, changing size, and / or adding a label to the first plurality of data marks. The mark encoding shelves of the first layer (e.g., the tabs of the first layer 510-1 in the mark area 128) and the mark encoding shelves of the second layer (e.g., the tabs of the second layer 510-2 in the mark area 128) are independent of each other.

[0113]

[0132] In some implementations, the method 1700 also includes automatically displaying 1750 a first layer icon in the schema information region 110 associated with the first layer in response to the first user input. The first layer icon (e.g., layer icon 520-1) is separate from a new layer icon (e.g., layer icon 520-2) associated with the second layer.

[0114]

[0133] In some implementations, the method 1700 also includes receiving 1751 a user selection of a first layer icon. In response to the user selection of the first layer icon, the method activates 1752 the data layer in the data visualization area as the active layer. In some implementations, displaying the first layer icon in the schema information area as the active layer includes enlarging the first layer icon and displaying one or more encoding options corresponding to the first layer.

[0115]

[0134] In some implementations, the method 1700 further includes automatically activating 1753 the second layer as the active layer in the data visualization area in response to the second user input. In some implementations, a second user input is received while the first layer is the active layer, adding a second layer.

[0116]

[0135] In some implementations, the method 1700 also includes receiving a user selection of a first layer icon while the second layer is the active layer (1754), and, in response to the user selection of the first layer icon, activating the first layer as the active layer in the data visualization area (1755) such that the second layer is no longer the active layer (e.g., replacing the second layer with the first layer as the active layer).

[0117]

[0136] In some implementations, the method 1700 also includes receiving a user selection of one of the first plurality of data marks while the second layer is the active layer (1756). In response to the user selection of the first plurality of data marks (1757), the method also includes activating the first layer in the data visualization area as the active layer (e.g., displaying a tab corresponding to the first layer in an expanded view to display encoding options and affordances) (1758) and displaying a first layer icon as the active layer in the schema information area (e.g., such that the second layer is no longer the active layer or replaces the second layer with the first layer as the active layer) (1759).

[0118]

[0137] In some implementations, the method 1700 further includes receiving 1760 a user input selecting one or more data marks in the data visualization (e.g., selection pane 1100 or 1122). Examples of user selection of data marks are provided with respect to Figures 11A-11D.

[0119]

[0138] In some implementations, the method 1700 also includes determining a selectability status of the first tier and a selectability status of the second tier (1762). The method 1700 also includes, in response to receiving the user input, selecting a subset of the first plurality of data marks in accordance with the user input selecting one or more data marks in the data visualization in accordance with a determination that the first tier is selectable (1764). The method 1700 also includes, in response to receiving the user input, selecting a subset of the second plurality of data marks in accordance with the user input selecting one or more data marks in the data visualization in accordance with a determination that the second tier is selectable (1766). An example of changing the selection status of qualification marks corresponding to tiers of the data visualization is provided with respect to FIGS. 11A-11D.

[0120]

[0139] In some implementations, the first plurality of data marks includes data marks spanning a first geographic area, and the method 1700 includes receiving (1770) a user input to add the first layer to a zoom range of the data visualization. The zoom range specifies which map layer determines a default zoom level of the data visualization. In response to receiving the user adding the first layer to the zoom range of the data visualization, the method updates (1772) a home screen of the data visualization to include the first geographic area. The zoom range functionality of the graphical user interface 100 is described with respect to FIG.

[0121]

[0140] In some implementations, the second plurality of data marks includes data marks that span a second geographic area different than the first geographic area, and the method 1700 includes receiving user input adding the second layer to a zoom range of the data visualization (1774). In response to receiving the user input adding the second layer to the zoom range of the data visualization, the method updates a home screen of the data visualization to include the second geographic area (1776).

[0122]

[0141] In some implementations, the method 1700 also includes automatically displaying the layer icons in a schema information area (eg, the mark area 128 of the schema information area 110) in a display order based on the order of the data fields added to the data visualization.

[0123]

[0142] In some implementations, the method 1700 also includes receiving a user input that changes the display order of the layer icons in the schema information area (e.g., the mark area 128 of the schema information area 110). In response to the user input that changes the display order of the layer icons in the schema information area, the method updates the schema information area to display the layer icons based on the user input. The user input can be either a drag and drop, a selection of a "move up" option, or a selection of a "move down" option. In some implementations, the method 1700 automatically displays the second layer icon above the first layer icon if a second layer is added to the data visualization after the first layer. The user may later provide an input that displays the first layer icon above the second layer icon.

[0124]

[0143] In some implementations, method 1700 also includes receiving a user input forming a group including the first tier and the second tier, and receiving a user input applying a new setting to the group. The new setting corresponds to any of the visibility of the group and the selectability of the group. Method 1700 further includes, in response to receiving the user input applying the new setting to the group, updating one or more settings of the first tier to correspond to the new setting, and updating one or more settings of the second tier to correspond to the new setting. In some implementations, the one or more settings of the first tier and the one or more settings of the second tier are updated simultaneously (e.g., simultaneously and / or automatically) (e.g., updated at the same time).

[0125]

[0144] The terms used in the description of the invention herein are intended to describe particular embodiments only and are not intended to limit the invention. When used in the description of the invention and the appended claims, the singular forms "a", "an" and "the" are intended to encompass the plural forms as well, unless expressly stated otherwise. It will also be understood that the term "and / or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms "comprises" and / or "comprising", when used herein, specify the presence of stated features, steps, operations, elements, and / or components, but do not preclude the presence or addition of one or more other features, steps, operations, elements, components, and / or groups thereof.

[0126]

[0145] The above description, for purposes of illustration, has been set forth with reference to specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or to limit the invention to the precise form disclosed. Many modifications and variations are possible in light of the above teachings. The embodiments have been chosen and described in order to best explain the principles of the invention and its practical application, and thereby enable others skilled in the art to best utilize the invention and its various embodiments, with various modifications to suit the particular uses contemplated.

Claims

1. 1. A method for generating a map data visualization having multiple map layers, comprising: A computing device having a display, one or more processors, and a memory storing one or more programs configured to be executed by the one or more processors, comprising: Receiving a user selection of a data source having geographic data; displaying a data visualization user interface, the data visualization user interface comprising: a schema information area having a plurality of user-selectable data fields; and Data visualization area, and receiving a first user input dragging a first geographic data field from the schema information area and dropping the first geographic data field into the data visualization area; responsive to receiving the first user input, generating and displaying a map data visualization in the data visualization area using coordinates associated with the first geographic data field, the map data visualization including a first layer having a first set of data marks corresponding to the first geographic data field; receiving a second user input dragging a second geographic data field from the schema information area; displaying a new layer icon in the data visualization area in response to receiving the second user input; upon activation of the new layer icon upon receipt of a user action of dropping the second geographic data field onto the new layer icon, overlaying a second layer onto the map data visualization, thereby forming an updated map data visualization, the second layer including a second set of data marks corresponding to the second geographic data field; A method comprising:

2. (i) receiving a third user input selecting a third geographic data field from the schema information area and (ii) placing the third geographic data field on a mark encoding shelf of the second tier; in response to the third user input, encoding the second set of data marks according to the mark encoding shelf while keeping the first set of data marks unencoded according to the mark encoding shelf; The method of claim 1 further comprising:

3. The second user input includes a user selection of a data field icon associated with the second geographic data field, and the method further includes:

2. The method of claim 1, further comprising: displaying a predefined drop zone for generating a new layer in the data visualization area in response to detecting the user selection of the data field icon associated with the second geographic data field, the second user input further comprising moving the data field icon associated with the second geographic data field to the predefined drop zone.

4. The data visualization user interface includes a plurality of shelf areas; In response to the first user input, associating a longitude data field corresponding to the first geographic data field with a first shelf area of ​​the plurality of shelf areas; associating a latitude data field corresponding to the first geographic data field with a second shelf area of ​​the plurality of shelf areas, the second shelf area being distinct from the first shelf area; displaying a first data field icon associated with the longitude data field in the first shelf area; displaying a second data field icon associated with the latitude data field in the second shelf area; The method of claim 1 further comprising: receiving, in a data mark encoding area of ​​the data visualization user interface, one or more user inputs to the first layer that change an encoding of the first set of data marks in the first layer; in response to receiving the one or more user inputs in the data mark coding area of ​​the first layer, encoding the first set of data marks in accordance with the one or more user inputs in the data mark coding area of ​​the first layer while maintaining the second set of data marks in accordance with a data mark coding area of ​​the second layer; The method of claim 1 further comprising:

6. 2. The method of claim 1, further comprising automatically displaying a first layer icon in the schema information area in response to the first user input, the first layer icon being associated with the first layer and separate from the new layer icon associated with the second layer.

7. receiving a user selection of the first layer icon; activating the first layer in the data visualization area as an active layer in response to receiving a user selection of the first layer icon; The method of claim 6 further comprising: and in response to detecting a third user input hovering over a displayed data mark of the second set of data marks, displaying a floating window including a label and characteristics of the displayed data mark. The method of claim 1 further comprising:

9. receiving a user selection of the first layer icon while the second layer is active; activating the first layer in the data visualization area as an active layer in response to receiving a user selection of the first layer icon; The method of claim 6 further comprising:

10. receiving a user selection of a first data mark of the first set of data marks while the second layer is the active layer; in response to receiving the user selection of the first data mark; activating the first layer in the data visualization area as the active layer; displaying an indication in the schema information area that the first tier is active; and 10. The method of claim 9 further comprising:

11. Receiving user input in the data visualization area selecting one or more data marks in the map data visualization; determining a selectability status of the first tier and a selectability status of the second tier; in response to receiving the user input and in accordance with determining that the first layer is selectable, selecting a first subset of the first set of data marks in accordance with the user input selecting one or more data marks in the map data visualization; in response to receiving the user input and in accordance with determining that the second layer is selectable, selecting a second subset of the second set of data marks in accordance with the user input selecting one or more data marks in the map data visualization; The method of claim 1 further comprising:

12. The first set of data marks includes data marks spanning a first geographic area, and the method further comprises: receiving user input to add the first layer to a zoom range of the map data visualization, the zoom range specifying which map layer determines a default zoom level of the map data visualization; updating the map data visualization home screen to encompass the first geographic area in response to receiving the user input adding the first layer to a zoom range; The method of claim 1 further comprising:

13. The method described in claim 1, wherein activation of the new layer icon by the second geographic data field occurs when the second geographic data field is hovered over the new layer icon in the data visualization area.

14. 1. A computing device, comprising: one or more processors; a memory coupled to the one or more processors; the memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising: instructions for receiving a user selection of a data source having geographic data; Instructions for displaying a data visualization user interface, the data visualization user interface comprising: a schema information area having a plurality of user-selectable data fields; and Data visualization area, and instructions for receiving a first user input dragging a first geographic data field from the schema information area and dropping the first geographic data field into the data visualization area; instructions for generating and displaying a map data visualization in the data visualization area in response to receiving the first user input using coordinates associated with the first geographic data field, the map data visualization including a first layer having a first set of data marks corresponding to the first geographic data field; receiving a second user input dragging a second geographic data field from the schema information area; in response to receiving the second user input; displaying a new layer icon in the data visualization area; instructions for overlaying a second layer onto the map data visualization upon activation of the new layer icon upon receipt of a user action dropping the second geographic data field onto the new layer icon, thereby forming an updated map data visualization, the second layer including a second set of data marks corresponding to the second geographic data field; and 3. A computing device comprising:

15. The computing device of claim 14, wherein the one or more programs further comprise instructions for carrying out the method of any one of claims 2 to 13.

16. A program comprising instructions that, when executed by a computing device, cause the computing device to: Receiving a user selection of a data source having geographic data; displaying a data visualization user interface, the data visualization user interface comprising: a schema information area having a plurality of user-selectable data fields; and Data visualization area, and receiving a first user input dragging a first geographic data field from the schema information area and dropping the first geographic data field into the data visualization area; responsive to receiving the first user input, generating and displaying a map data visualization in the data visualization area using coordinates associated with the first geographic data field, the map data visualization including a first layer having a first set of data marks corresponding to the first geographic data field; receiving a second user input dragging a second geographic data field from the schema information area; in response to receiving the second user input; Displaying a new layer icon in the data visualization area; and upon activation of the new layer icon upon receipt of a user action of dropping the second geographic data field onto the new layer icon, overlaying a second layer onto the map data visualization, thereby forming an updated map data visualization, the second layer including a second set of data marks corresponding to the second geographic data field; A program that causes the

17. The program according to claim 16, further comprising instructions which, when executed by the computing device, cause the computing device to perform a method according to any one of claims 2 to 13.

Images