Map data visualization with multiple overlaid marker layers

Abstract

A method for generating a map visualization having multiple map layers. A user selects a data source having geographic data. A device displays a data visualization user interface, the data visualization user interface including a schema information area having data fields and a tool shelf area defining data visualization features. The user selects first geographic data, and the user interface generates a map data visualization using coordinates associated with the first geographic data field. The visualization includes a first plurality of data markers in a first layer. The user selects a second geographic data field. In response, the user interface displays a new layer icon. When the second geographic data field activates the new layer icon, the user interface overlays a second layer on the existing map data visualization to form an updated map data visualization. The second layer includes a second plurality of data markers corresponding to the second geographic data field.

Description

[0001] Related applications

[0002] This application is a continuation of U.S. patent application No. 17 / 366,008, filed on July 1, 2021, entitled “Map Data Visualizations with Multiple Superimposed Marks Layers,” which claims priority to U.S. Provisional Application No. 63 / 087,855, filed on October 5, 2020, entitled “Map Data Visualizations with Multiple Superimposed Marks Layers,” each of which is incorporated herein by reference in its entirety. Technical Field

[0003] The disclosed implementations relate generally to data visualization, and more particularly to systems, methods, and user interfaces that enable users to generate map data visualizations and analyze map data. Background Art

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

[0005] Thus, implementations of the present invention relate to a data visualization user interface that can display multiple map layers.

[0006] According to some implementations, a 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 smart phone, a tablet computer, a notebook computer, or a desktop computer. The device receives a user's selection of a data source having geographic data and displays a data visualization user interface, including displaying a schema information region having multiple user-selectable data fields, displaying a data visualization region, and displaying multiple shelf regions. Each shelf in the multiple shelf regions defines corresponding features of the data visualization to be displayed in the data visualization region. The device then receives a first user input to place a first geographic data field from the schema information region into 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 to select a second geographic data field from the schema information region. In response to the second user input, the device displays a new layer icon in the mode information area, and when the second geographic data field activates the new layer icon, the device overlays the second layer on the existing map data visualization to form an updated map data visualization. The second layer includes a second plurality of data markers corresponding to the second geographic data field.

[0007] In some implementations, the device receives a third user input to: (i) select a third geographic data field from the mode information area, and (ii) place the third geographic data field on a tag encoding tool shelf on the second layer. In response to the third user input, the device encodes the second plurality of data tags according to the tag encoding tool shelf while maintaining the first plurality of data tags without encoding according to the tag encoding tool shelf.

[0008] 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 predetermined drop region for generating a new layer in the data visualization area. The second user input also includes moving the data field icon associated with the second geographic data field to the predetermined drop region.

[0009] 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 among 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 among the plurality of shelf areas. The second shelf area is different 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 displays a second data field icon associated with the latitude data field in the second shelf area.

[0010] In some implementations, the device receives one or more user inputs at a tag encoding tool shelf of a first layer to change encodings of a first plurality of data tags in the first layer. In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the device encodes the first plurality of data tags according to the one or more user inputs at the tag encoding tool shelf of the first layer while maintaining the second plurality of data tags according to the tag encoding tool shelf of the second layer.

[0011] In some implementations, in response to the first user input, the device automatically displays a first layer icon in the mode information area. The first layer icon is associated with the first layer. The first layer icon is different from the new layer icon associated with the second layer.

[0012] In some implementations, the device receives a user selection of a first layer icon. 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.

[0013] 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.

[0014] In some implementations, when the second layer is the active layer, the device receives a user selection of the first layer icon. 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.

[0015] In some implementations, when the second layer is the active layer, the device receives a user selection of one of the first plurality of data markers. In response to the user selection of the one of the first plurality of data markers, the device activates the first layer in the data visualization area as the active layer and displays the first layer icon in the mode information area as the active layer.

[0016] In some implementations, a device receives user input to select one or more data markers in a data visualization and determines a selectability state of a first layer and a selectability state of a second layer. In response to receiving the user input and based on a determination that the first layer is selectable, the device selects a subset of the first plurality of data markers based on the user input to select the one or more data markers in the data visualization. In response to receiving the user input and based on a determination that the second layer is selectable, the device selects a subset of the second plurality of data markers based on the user input to select the one or more data markers in the data visualization.

[0017] In some implementations, the first plurality of data markers includes data markers that span 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 layers determine a default zoom level for 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 include the first geographic area.

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

[0019] Some implementations 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.

[0020] Some implementations 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 memory. The one or more programs include instructions for executing any of the methods described herein.

[0021] Thus, methods, systems, and graphical user interfaces are disclosed that allow a user to efficiently generate and modify data visualizations including map layers.

[0022] Additional features and advantages of the present invention will be described in the following description, and in part will be apparent from the description, or may be learned through practice of the present invention. The purposes and other advantages of the present invention may be realized and obtained through the structures particularly pointed out in the written description and claims of the present invention and the accompanying drawings.

[0023] 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. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] For a better understanding of the aforementioned systems, methods, and graphical user interfaces, as well as additional systems, methods, and graphical user interfaces that provide data visualization analysis, reference should be made to the following detailed description of the embodiments in conjunction with the accompanying drawings, in which like reference numerals refer to corresponding parts throughout the figures.

[0025] Figure 1 A graphical user interface used in some example implementations is shown.

[0026] Figure 2 is a block diagram of a computing device according to some implementations.

[0027] Figure 3A Data visualization of a map according to some implementations is shown.

[0028] Figure 3B A data visualization including multiple map layers is shown according to some implementations.

[0029] Figures 4A-4C Data visualization that generates a map according to some implementations is shown.

[0030] Figures 5A-5C Generating map layers in a data visualization of a map according to some implementations is shown.

[0031] Figures 6A-6C Encoding visual variables in a data visualization of a map according to some implementations is shown.

[0032] Figures 7A-7F The appearance of visual markers in a data visualization of an edited map according to some implementations is shown.

[0033] Figures 8A-8D Map layers illustrating data visualization for editing a map according to some implementations.

[0034] Figures 9A-9C Map layers for data visualization according to some implementations of named maps are shown.

[0035] Figures 10A-10C Changing visibility of map layers for data visualization of a map according to some implementations is shown.

[0036] Figure 10D Shown is how a graphical user interface may be updated in response to detecting a user gesture in a marker area, according to some implementations.

[0037] Figures 11A-11DIllustrated is selection of visual markers in a data visualization for a map according to some implementations.

[0038] Figure 12 Shown is a zoom range operation for a data visualization of a map according to some implementations.

[0039] Figure 13 Displaying information about visual markers in a data visualization of a map according to some implementations is shown.

[0040] Figures 14A-14D Removal of a map layer from a data visualization of a map is shown according to some implementations.

[0041] Figure 15A An example of a schema information area in a graphical user interface for a single data source is shown, according to some implementations.

[0042] Figures 15B-15D Examples of a schema information area in a graphical user interface for multiple data sources according to some implementations are provided.

[0043] Figures 16A-16B A multi-pane data visualization of multiple map layers according to some implementations is shown.

[0044] Figures 17A-17G A flowchart of a method for generating a data visualization of a map according to some implementations is provided.

[0045] The present invention will now be described with reference to the embodiments 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 those skilled in the art that the present invention can be put into practice without these specific details. DETAILED DESCRIPTION

[0046] Figure 1A graphical user interface 100 for interactive data analysis is shown. According to some example implementations, the user interface 100 includes a data tab 114 and an analysis tab 116. When the data tab 114 is selected, the user interface 100 displays a schema information area 110, also referred to as a data pane. The schema information area 110 provides named data elements (e.g., field names) that can be selected and used to build data visualizations (sometimes more generally referred to as visual graphics). In some implementations, the list of field names is divided into a set of dimensions (e.g., categorical data) and a set of metrics (e.g., numeric quantities). Some implementations also include a list of parameters. When the analysis tab 116 is selected, the user interface displays a list of analysis functions instead of a list of data elements.

[0047] The graphical user interface 100 also includes a data visualization area 112. The data visualization area 112 includes a plurality of tool shelf areas, such as a column tool shelf area 120 and a row tool shelf area 122. These are also referred to as the column tool shelf area 120 and the row tool shelf area 122. Figure 1 As shown, the data visualization area 112 also has a large space for displaying visual graphics. Figure 1 In the example shown, no data element is selected, so the space initially has no visual graphics. In some implementations, the data visualization area 112 has multiple layers called worksheets.

[0048] The graphical user interface 100 includes a filter area 126 that displays any filter conditions applied to a data set of a data visualization displayed in the data visualization area 112. The graphical user interface 100 also includes a tag area 128 that displays information about one or more visual tags in the data visualization displayed in the data visualization area 112. The tag area also includes a function for editing or changing one or more affordances of the visual tags, such as changing any of the shape, size, selectability, and / or visibility of the one or more visual tags displayed in the data visualization area 112. In some implementations, such as when the data visualization displayed in the data visualization area 112 includes one or more layers, the tag area 128 may also display the layers of the data visualization (e.g., display tabs or affordances corresponding to the layers of the data visualization).

[0049] Figure 22 is a block diagram illustrating a computing device 200 that can display a graphical user interface 100 according to some implementations (e.g., for performing any of the methods described herein). Various examples of computing device 200 include desktop computers, laptop computers, tablet computers, and other computing devices with a display and a processor capable of running a data visualization application 222. Computing device 200 generally includes: one or more processing units / cores (CPUs) 202 for executing modules, programs, and / or instructions stored in memory 214 and thereby performing processing operations; one or more network or other communication interfaces 204; memory 214; and one or more communication buses 212 for interconnecting these components. Communication bus 212 may include circuitry for interconnecting and controlling communications between system components.

[0050] The computing device 200 includes a user interface 206, which 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 displayed on the display device 208 as needed, enabling the user to "press" "keys" that appear on the display 208. In some implementations, the display 208 and the input device / mechanism 210 include a touch screen display (also known as a touch-sensitive display).

[0051] In some implementations, the memory 214 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices. In some implementations, the 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 implementations, the memory 214 includes one or more storage devices located remotely from the CPU 202. The memory 214, or optionally a non-volatile memory device within the memory 214, includes a non-transitory computer-readable storage medium. In some implementations, the memory 214 or the computer-readable storage medium of the memory 214 stores the following programs, modules, and data structures, or a subset thereof:

[0052] an operating system 216 , which includes procedures for handling various basic system services and for performing hardware-related tasks;

[0053] a communications module 218 for connecting the computing device 200 to other computers and devices via one or more communications network interfaces 204 (wired or wireless) and one or more communications networks (e.g., the Internet, other wide area networks, local area networks, metropolitan area networks, etc.);

[0054] a web browser 220 (or other application capable of displaying web pages), which enables a user to communicate with a remote computer or device over a network;

[0055] A data visualization application 222 that 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 stored remotely), selects data fields from the data sources, and uses the selected fields to define a visual graphic. 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., a visual specification 228) and generates a corresponding visual graphic (also referred to as a "data visualization" or "data viz"). The data visualization application 222 then displays the generated visual graphic in the user interface 100. In some implementations, the data visualization application 222 also includes a summary module 227 for generating a summary of the data fields selected by the user. In some implementations, the data visualization application 222 is executed as a standalone application (e.g., a desktop application). In some implementations, the data visualization application 222 is executed in a web browser 220 or another application using a web page provided by a web server; and

[0056] 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 in a relational database.

[0057] Each of the executable modules, applications, or processes identified above can be stored in one or more of the aforementioned memory devices and corresponds to an instruction set for performing the above-mentioned functions. The modules or programs (i.e., instruction sets) identified above do not need to be implemented as independent software programs, processes, or modules, and therefore the various subsets of these modules can be combined or otherwise rearranged in various implementations. In some implementations, memory 214 stores the subset of the modules and data structures identified above. In addition, memory 214 can store additional modules or data structures not described above.

[0058] although Figure 2 Computing device 200 is shown, but Figure 2 It is intended more as a functional description of various features that may be present rather than as a schematic diagram of the architecture of the embodiments described herein. In practice and as recognized by one of ordinary skill in the art, items shown separately may be combined and some items may be separated.

[0059] Figure 3A A data visualization 300 of a map according to some implementations is provided. The graphical user interface 100 displays the data visualization 300 including a map. In some implementations, 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 markers representing buildings in Boston. In some implementations, the data visualization 300 includes multiple map layers, such as the map layer 100 and the map layer 100. Figure 3B Examples of this are provided.

[0060] Figure 3B A data visualization 300 is provided that includes multiple map layers according to some implementations. In this example, the data visualization 300 includes a first map layer corresponding to Boston neighborhoods and a second map layer corresponding to Boston buildings. The labeling area 128 identifies the first map layer 320-1 named "Boston_Neighborhoods" and the second map layer 320-2 labeled "Boston_Buildings."

[0061] Figures 4A-4C A data visualization for generating a map according to some implementations is shown. A map data visualization can be created (e.g., generated) using information from a data source (e.g., a database), such as Figure 3A and Figure 3B 300. For example, when a data source includes geographic data (e.g., information including any of longitude information, latitude information, or Global Positioning System (GPS) coordinates), the geographic data may be presented as a data visualization including a map (e.g., a map data visualization).

[0062] Figure 4A An example of a graphical user interface 100 is provided in which data (e.g., a data table) from a data source 402 named "Boston_Buildings" has been loaded. 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, such as Figure 4A As shown, the user can select a data table or data field from the mode information area 110. For example, the user can click (e.g., right-click, single-click, double-click, or tap) a data field to select the data field. In another example, the user can click and hold (e.g., select and drag) a data field from the mode information area 110 to another area of ​​the graphical user interface 100. Figure 4AAn example is shown in which a user drags a "Buildings" data field 410 (also referred to as a "Boston Buildings" data field 410) from the schema information area into 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.

[0063] Figure 4B Another example of generating a data visualization is provided by dragging and dropping a "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, as shown in FIG. Figure 4C As shown, it includes information from the "Geometry" data field 411. The generated data visualization 300 includes visual indicia corresponding to information about Boston buildings. In this example, the visual indicia includes blueprints of buildings in the Boston area.

[0064] like Figures 4A-4C As shown, the "Buildings" data field 410 and the "Geometry" data field 411 include a visual representation (eg, a visual icon or a spherical icon) indicating that each of the "Buildings" data field 410 and the "Geometry" data field 411 includes geographic data.

[0065] like Figure 4C As shown, 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 column shelf area 120, the row shelf area 122, and the mark area 128. In this example, the map data visualization 300 is generated based on the longitude information and the latitude information included in the "Geometry" data field 411. A longitude icon 420-1 associated with the longitude information is shown in the column shelf area 120, and a latitude icon 420-2 associated with the latitude information is shown in the row shelf area 122. Additionally, the mark area 128 displays visual mark icons 430 corresponding to one or more visual marks shown in the data visualization 300. The visual mark icons 430 correspond to the visual marks in the data visualization 300 generated based on the information in the "Geometry" data field 411.

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

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

[0068] about Figures 4A-4C The examples provided describe methods for generating a map data visualization 300 using geographic data from a data source. In some implementations, additional information can also be added to the data visualization 300. For example, other geographic data can be used to add (e.g., create or generate) a new layer with new visual tags to the existing data visualization 300. Figures 5A-5C An example of adding information to the data visualization 300 in the form of a new layer (eg, a new map layer) is provided.

[0069] Figures 5A-5C Generating map layers in a data visualization 300 of a map is shown according to some implementations.

[0070] Figure 5AThe data visualization 300 shown in FIG 4 shows a first set of visual tags 530 (e.g., building locations or building blueprints) corresponding to the “Boston Buildings” data field 410. The first set of visual tags 530 corresponds to (e.g., belongs to or is associated with) a first layer (e.g., a base layer) of the data visualization 300.

[0071] Figure 5A Receiving user input to drop “Neighborhoods” data field 412 at affordance 512 for adding a new map layer is shown (e.g., dragging “Neighborhoods” data field 412 from mode information area 110 and dropping “Neighborhoods” data field 412 at affordance 512 for adding a new layer). In response to dropping “Neighborhoods” data field 412 at affordance 512, data visualization 300 is automatically (e.g., independent of additional user input) updated according to information (e.g., geographic data) included in “Neighborhoods” data field 412.

[0072] like Figure 5B As shown, the data visualization 300 is updated to include a second set of visual markers 540 as part of a second map layer. In this example, the second set of visual markers 540 in the second layer are displayed in the data visualization 300 as areas on the map that are emphasized (e.g., shaded, highlighted, or shaded) based on the geographic data from the "Neighborhoods" data field 412. In addition, the marker area 128 is also updated to designate layers 520-1 and 520-2. The first layer 520-1 (e.g., the base layer, the first map layer, or the original layer) corresponds to the "Boston Buildings" data field 410 (in Figure 4A 4). 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 were added to the data visualization. For example, Figure 5B As shown, in the markup 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) because the 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).

[0073] In some implementations, in response to receiving a user selection of a corresponding layer (e.g., layer 520-1 or layer 520-2), the marker area 128 is updated to display an expanded view of the selected layer, including displaying additional information and affordances corresponding to the selected layer. In some implementations, in response to receiving user input to add a new layer to the data visualization 300, the marker area 128 is automatically updated to display the new layer (e.g., display affordances corresponding to the new layer) and automatically display an expanded view of the layer. For example, Figure 5B As shown, in response to receiving user input to add a second layer corresponding to the “Boston Neighborhoods” data field 412, the markup area 128 is updated to display layers 520-1 and 520-2, and the markup area 128 automatically displays an expanded view of the second layer 520-2, which includes one or more affordances for editing a second set of visual marks 540 corresponding to (e.g., belonging to) the second layer of the data visualization 300.

[0074] In some implementations, in response to receiving user input to add a new layer, the new layer is automatically the active layer (e.g., such that any user input received at the data visualization 300 or in the data visualization area 112 corresponds to a selection or action on a visual indicia associated with the new layer).

[0075] Figure 5C Another method of adding a layer to the data visualization 300 is shown. A new layer can be added to the data visualization 300 by selecting the "Add to New Layer" option from the drop-down menu corresponding to the data field in the schema information area 110. In this example, the user selects (e.g., right-click, option selection) 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 the user selection of the "Add to New Layer" option in the drop-down menu, the data visualization 300 is updated to display information from the "Buildings" data field 410 (e.g., displaying visual markers showing blueprints of Boston buildings). In response to receiving the user input to add a new layer to the data visualization, the marker area 128 of the graphical user interface 100 is also updated, as described above with respect to Figure 5B described.

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

[0077] Figure 6A 6. The user is shown selecting to edit how visual variables associated with the "Neighborhoods" data table 610 are coded. In this example, the user has selected the "Neighborhoods" data table 610 and placed the "Neighborhoods" data table 610 at the affordance 620-1 associated with the second layer 520-2 (e.g., associated with the "Neighborhoods" data table 610). In response to the user input, the data visualization 300 is automatically updated (e.g., independent of additional user input) to encode the data from the "Neighborhoods" data table 610 using color.

[0078] Figure 6B An updated data visualization 300 is shown. In the updated data visualization 300, the second layer 520-2 includes a second set of visual indicia (e.g., visual indicia 540-1 and 540-2) that are 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 indicia of the second layer displayed in the data visualization 300. Thus, the data visualization 300 is updated to display information about the boundaries and / or locations of neighborhoods in a color-coded manner, such that two different neighborhoods identified in the "Boston Neighborhood" table are represented by different colors, thereby distinguishing the two different 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, while 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 shows that the first color corresponds to the South Boston neighborhood 540-1, while the second color corresponds to the Dorchester neighborhood 540-2.

[0079] Figure 6C An example of a user selecting to specify a tag encoding using one or more data fields is shown. In this example, the user has selected the "Name" data field 612 corresponding to the "Names" data field from the "Boston Neighborhoods" data table and placed the "Name" data field 612 at the affordance 620-1 of the second layer 520-2 associated with the second layer. In response to the user input, a color-coded visual variable is associated with the "Name" data field 612, as shown in FIG. Figure 6B As shown, data visualization 300 displays neighborhoods with different names in different colors.

[0080] Visual variables specify how data (e.g., geographic data) is displayed in a data visualization (e.g., what visual markers are used and what information the visual markers display). When there are two or more layers, each layer has its own encoding that specifies how the markers in that layer are displayed.

[0081] Figures 7A-7F The appearance of editing a visual marker in a data visualization of a map according to some implementations is shown.

[0082] Figure 7A 5. The third layer is shown added to data visualization 300. In this example, the user drags and drops "Community Centers" data field 710 at affordance 512 to add a new layer. "Community Centers" data field 710 includes geographic data regarding the locations of community centers. In response to the user input, graphical user interface 100 is updated based on the geographic data from "Community Centers" data field 710.

[0083] Figure 7B 7. An updated graphical user interface 100 is shown in response to receiving user input to generate (e.g., add) a new layer (e.g., a third layer) using information stored in the "Community Centers" data field 710. The data visualization 300 is updated to display the community centers (displayed as circles 720 on the data visualization 300), and the marker area 128 is updated to include the third layer 730 (e.g., corresponding to the newly added layer of the "Community Centers" data field 710).

[0084] In some implementations, such as when data visualization 300 includes multiple layers (e.g., map layers), markup area 128 displays these layers (e.g., layers 520-1, 520-2, and 730). In some implementations, the map layers are automatically sorted based on the order in which each layer was added to the data visualization. In this example, the first layer is below (e.g., sorted below) 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 sorted above the first and second layers because the third layer was added last (e.g., after each of the first and second layers were added). The order of the layers is reflected in both data visualization 300 and markup area 128. For example, the data visualization 300 shows the third group of visual markers 720 (e.g., circles 720) in front of (or above) the second group of visual markers 540 (e.g., visual markers 540-1 and 540-2), and shows the first group of visual markers 530 behind (or below) each of the second group of visual markers 540 and the third group of visual markers 720. In this example, the first group of visual markers 530 is barely visible in the data visualization 300. In the marker area 128, the top layer is displayed at the top of the marker area 128, while the lowest layer (e.g., the first layer, the base layer) is displayed at the bottom of the marker area 128. In this example, the first layer 520-1 is displayed at the bottom of the marker area 128, the third layer 730 (e.g., layer icon 730) is displayed at the top of the marker area 128, and the second layer 520-2 is displayed between the first layer 520-1 and the third layer 730.

[0085] Figure 7C A drop-down menu 732 is shown as part of a third layer 730 associated with the "Community Centers" data field 710. The drop-down menu 732 (shown in an expanded view) displays a plurality of options corresponding to how data from the "Community Centers" 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 the "Circle" data visualization type for the third layer (e.g., for visual markers corresponding to the "Community Centers" data field 710). In response to the user selection, the data visualization 300 displays a third set of visual markers 720 (e.g., circles 720) corresponding to the community center locations. The third set of visual markers 720 (e.g., circles 720) corresponds to (e.g., is associated with or belongs to) the third layer.

[0086] The third group of visual markers 720 is different from the second group of visual markers 540 (which correspond to block areas), and the third layer (e.g., the layer corresponding to the third group of visual markers 720 and corresponding to the "Community Centers" data field 710) is different from each of the first layer (e.g., the layer corresponding to the first group of visual markers 530 and corresponding to the "Buildings" data field 410) and the second layer (e.g., the layer corresponding to the second group of visual markers 540 (including visual markers 540-1 and 540-2) and corresponding to the "Neighborhood" data field 412).

[0087] Figure 7D An example is provided in which a user has selected "Shape" as the mark type from a drop-down menu 732 (shown in collapsed view). In response to the user selection, the third set of visual marks 720 is displayed as a cross. Although the shape of the visual marks of 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, the encoding of the data marks of the first and second layers remains unchanged due to the user selection.

[0088] In some implementations, the size and / or color of the visual marker 720 can be edited. Figure 7E A user input is shown for editing (e.g., changing, adjusting, selecting, or setting) the size of a visual marker in the third set of visual markers 720 in the third layer. In response to the user selecting size-encoded affordance 734, graphical user interface 100 displays pop-up window 736 that allows the user to edit the size of the third layer of visual markers 720. In response to the user selecting to change the size of visual marker 720, data visualization 300 is updated to display the visual marker according to the selected size.

[0089] Figure 7F An updated data visualization 300 is shown with the visual marker at an updated size. In this example, the user has chosen to increase the size of the visual marker, so Figure 7F The visual marker 720 of the updated data visualization 300 shown in FIG. Figure 7E The data visualization shown in FIG300 is a circular shape.

[0090] The user can also edit (e.g., change, adjust, select, or set) the color of the visual markers in the layer. Figure 7FAs shown, in response to the user selecting 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 the color characteristics of the visual marker 720 in the third layer 730. Using the multiple affordances in the pop-up window 738, the user can change the color and / or opacity of the visual marker in the corresponding layer, as well as add additional visual effects, such as a 'Halo' effect or add a border to the visual marker. In this example, the graphical user interface 100 receives the user's selection of a color. In response to receiving the user's selection of a color, the visual marker in the third layer 730 is updated to the user-selected color (e.g., the circle 720 changes from gray to red).

[0091] In some implementations, in response to receiving user input to edit the appearance (e.g., size or color) of a visual marker, the data visualization 300 updates the appearance of the visual marker based on the user input and the encoding of the visual variable associated with the visual marker. This further illustrates that the encoding of the marker in the third layer does not affect the encoding of the marker in the first and second layers.

[0092] Figures 8A-8D A map layer of a data visualization 300 for editing a map according to some implementations is shown. Figure 7B As discussed, in some implementations, the tag area 128 displays the layers (e.g., layers 520-1, 520-2, and 730) in an order that reflects the hierarchical structure of the layers in the data visualization 300. In some implementations, the order of the layers in the tag area 128 can be rearranged (e.g., edited) by changing the display order of the layers in the tag area 128. For example, if a layer displayed at the bottom of the tag area 128 is moved to the top of the tag area 128, the moved layer is displayed as the top layer (e.g., the highest layer) in the data visualization 300, and the visual tag associated with the moved layer is displayed by the data visualization 300 before (e.g., on top of) visual tags belonging to other layers of the data visualization 300.

[0093] Figure 8A and Figure 8B A drag-and-drop method of reordering the layers of data visualization 300 is shown. Figure 8A 1 is a diagram illustrating a user input that drags and drops the first layer 520-1 corresponding to the "Boston Buildings" data field 410 to a different location within the marking area 128. In this example, the user places the first layer 520-1 at the top of the marking area 128, such that the first layer 520-1 is now the top layer. The data visualization 300 and the marking area 128 are updated to reflect the new order of the layers. Figure 8BAs shown, the marker area 128 displays the first layer 520-1 at the top, indicating that the first layer 520-1 is the top layer, and the data visualization 300 is updated to display the first group of visual markers 530 in front of (e.g., shown as overlaid on top of) other visual markers in the data visualization 300 (e.g., the second group of visual markers 540 (including visual markers 540-1 and 540-2) and the third group of visual markers 720).

[0094] In some implementations, a user can use a drop-down menu for a corresponding layer to move the layer up or down in the sequence (eg, promote or demote the layer).

[0095] Figure 8C 812 (e.g., arrow affordance 812), graphical user interface 100 displays a drop-down menu 814 corresponding to first layer 520-1. In response to the user selecting the "Move Down" option from drop-down menu 814, first layer 520-1 moves down one level. Figure 8D An updated data visualization 300 based on the degradation of the first layer 520 - 1 is shown.

[0096] like Figure 8D As shown, the marker area 128 is updated to display the first layer 520-1 above the second layer 520-2, indicating that the first layer 520-1 is on top of (e.g., hierarchically above) the second layer 520-2. Additionally, the data visualization 300 has been updated to display the third set of visual markers 720 (e.g., circles 720 corresponding to community center locations) as overlaid on top of the first set of visual markers 530 (which shows a blueprint of a Boston building).

[0097] Figure 8D Also shown is the user selecting the "Move Up" option from the drop-down menu 814. In response to receiving the user selection, the graphical user interface 100 updates to move the first layer 520-1 up one layer (e.g., to the top layer) and updates the data visualization 300 and the tag area 128 in accordance with the promotion of the first layer 520-1 to the top layer.

[0098] Figures 9A-9C The map layers of the data visualization 300 are shown, according to some implementations, as named maps. The name of a layer in the data visualization 300 can be changed by editing the text field corresponding to the layer. For example, Figure 9AAs shown, the user can edit the text field 910 corresponding to the name of the community center layer 730. In some implementations, the text field 910 switches 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) at the text field 910. Once the text field 910 is in editable mode, the user can rename the layer 730. Figure 9B As shown, the name of layer 730 has changed from "Community_Centers" to "MyLayer".

[0099] Figure 9C Another method of activating an editable mode for text field 910 is shown. 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 the "Rename" option shown in drop-down menu 814, text field 910 becomes editable, and the user can update or change the name of layer 730.

[0100] Figures 10A-10C , a diagram illustrating changing the visibility of map layers of a data visualization 300 of a map according to some implementations. The visibility of each layer in the data visualization can be controlled separately (e.g., independently). Controlling the visibility of each layer allows a user to decide which visual indicia the data visualization displays. For example, a user can generate a comprehensive map data visualization that includes multiple layers. However, it may be desirable to display visual indicia for a subset of the layers rather than all of the layers at any given time. Thus, a user can edit the information being displayed in the data visualization by changing the visibility state of each layer in the data visualization, without having to remove or add layers to the data visualization each time.

[0101] like Figure 10A As shown, a user can provide user input at icon 1010 (e.g., state icon 1010 or visibility icon 1010) to change the state or visibility of the corresponding layer. In this example, the user can 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 switches from a visible state to a hidden state (e.g., a non-visible state or an invisible state). Figure 10B An updated data visualization 300 is shown, which shows a first set of visual markers 530 associated with the first layer 520-1 (e.g., visual markers 530 corresponding to buildings in Boston) and a second set of visual markers 540 belonging to the second layer 520-2 (e.g., visual markers 540-1 and 540-2). Because the third layer 730 is hidden, the updated data visualization 300 does not show the third set of visual markers 720 corresponding to the third layer 730 (e.g., visual markers corresponding to community center locations). The icon 1010 is updated according to the hidden state of the third layer 730.

[0102] A user gesture at icon 1010 can toggle the visibility of a layer. For example, when icon 1010 indicates that the corresponding layer is visible, a user input at icon 1010 (e.g., a click or double-click) toggles the associated corresponding layer. When the icon indicates that the corresponding layer is hidden, a second user input at icon 1010 (e.g., a click or double-click) toggles the corresponding layer to a visible state.

[0103] Figure 10C Another method of changing the visibility of a layer is shown. In response to receiving user input at affordance 812, graphical user interface 100 displays a drop-down menu 814. User selection of the "Hide" option toggles the visibility of the associated layer in data visualization 300 between hidden and visible. When the "Hide" option is displayed with a check mark adjacent to the "Hide" option, the layer is in a hidden state, and a visual marker corresponding to the layer is not displayed in data visualization 300. When the "Hide" option is displayed without a check mark adjacent to the "Hide" option, the layer is in a visible state, and a visual marker corresponding to the layer is displayed in data visualization 300. Providing user input (e.g., selecting or clicking) at the "Hide" option while the "Hide" option is displayed with a check mark adjacent to the "Hide" option toggles the layer from the hidden state to the visible state. Providing user input (e.g., selecting or clicking) at the "Hide" option while the "Hide" option is displayed without a check mark adjacent to the "Hide" option toggles the layer from the visible state to the hidden state.

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

[0105] In some implementations, one or more layers can be grouped together so that a single command for that group of layers can change the visibility state of all layers. This functionality allows users to group multiple layers to execute a single command (e.g., change the visibility state to hidden) without having to repeat the command or gesture for each layer.

[0106] Figure 10D It shows how graphical user interface 100 may be updated in response to detecting a user gesture in marker area 128 according to some implementations. Figure 10DShown are how affordances associated with a layer, text fields (eg, text field 910 ), and icons (eg, icon 1010 ) respond to user gestures (eg, hover, tap, double-tap, or right-tap).

[0107] In the "Static" case, in which a layer is visible and no user gesture is detected in marker area 128 corresponding to the layer (e.g., no user gesture is detected at icon 1010, text field 910, or affordance 812), icon 1010 displays an image representing the data visualization type of the layer, and text field 910 includes the layer name. In this example, icon 1010 displays a map, indicating that the corresponding layer is a map layer, and text field 910 displays the layer name as "Neighborhoods." Conversely, in the "Hidden Static" case, the layer is hidden. No user gesture is detected in the portion of marker area 128 corresponding to the layer (e.g., no user gesture is detected at icon 1010, text field 910, or affordance 812). In this case, icon 1010 displays an image of an eye with a strikethrough, indicating that the layer is hidden. When a user hovers over an area in marker area 128 corresponding to the layer (e.g., text field 910), icon 1010 changes to display an image representing the visibility state of the layer. When the layer is visible, icon 1010 shows an image of an eye, and when the layer is hidden, icon 1010 shows an image of an eye with a strikethrough (eg, a line through the eye). Figure 10D Also shown is how icon 1010 may be emphasized (eg, shaded, highlighted) in response to detecting a user hover or a user click on icon 1010 . Figure 10D Also shown is how affordance 812 may be emphasized (eg, shaded, highlighted) in response to detecting a user hover or a user click at affordance 812 .

[0108] Figures 11A-11D Selection of visual markers in data visualization 300 for a map is shown according to some implementations.

[0109] Figure 11A1100 is highlighted relative to a visual marker 1112 outside of the frame 1100, indicating that the highlighted visual marker 1110 is included in the user selection and that visual marker 1112 is not included in the user selection. In this example, all three layers 520-1, 520-2, and 730 of the data visualization 300 are selectable, and therefore, the visual markers 1110 include a first set of visual markers 530 (which show a blueprint of a building), a second set of visual markers 530 (which are associated with block areas), and a third set of visual markers 720 (which indicate the location of a community center).

[0110] Figure 11B A method of changing the selection state of a layer is shown. 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., the visual indicia can be selected), and therefore, the drop-down menu 814 provides a "Disable Selection" option for the third layer 730. In the event that the third layer 730 is in a non-selectable mode (e.g., the visual indicia cannot be selected or the visual indicia is excluded from user selection and user gestures at the data visualization 300), the drop-down menu 814 provides an "Enable Selection" option for the third layer 730. In response to receiving a user selection of the "Disable Selection" option, selection of visual indicia from the third group 720 of visual indicia belonging to the third layer 730 (e.g., "MyLayer") is disabled.

[0111] like Figure 11C As shown, the emphasized visual indicia 1120 in the data visualization 300 includes visual indicia from the second subset of visual indicia 540 (e.g., visual indicia within the selected zone 1122 corresponding to the street block). Additionally, visual indicia from the third set of visual indicia 720 are not emphasized, regardless of whether they are within the user selection (e.g., the selected zone, the selected area, the box 1122), indicating that they are not part of the user selection.

[0112] Figure 11DAnother example is shown in which selection of the first layer 520-1 and the third layer 730 is disabled. In response to receiving user input for selecting visual markers in the data visualization 300, the selected visual markers 1230 include visual markers from the second set of visual markers 540 (associated with the second layer 520-2), and do not include any visual markers from the first set of visual markers 530 (corresponding to the first layer 520-1), and do not include any visual markers from the third set of visual markers 720 (corresponding to the third layer 730). The selected visual marker 1230 is emphasized relative to the visual markers that were not included as part of the selection.

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

[0114] Figure 12 A zoom range operation of a data visualization 300 for a map according to some implementations is shown. The zoom range of a data visualization refers to a default view or main view. When the data visualization includes only one layer, the zoom range is a view of the data visualization that includes all visual markers in one layer. When the data visualization includes multiple layers, each of the multiple layers can be individually 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 markers from the layer. Any layer that is not added to the zoom range of the data visualization can still be displayed as part of the data visualization (e.g., if the layer is visible), but the default view of the data visualization may not necessarily include all visual markers for layers that are not added to the zoom range of the data visualization.

[0115] like Figure 12As shown, in response to receiving a user selection of the "Add to Zoom Extent" option provided in the drop-down menu 814 corresponding to the third layer 730, the data visualization 300 automatically updates the default view of the data visualization 300 so that all visual markers that are part of the third layer 730 are visible when the data visualization 300 is in the default view or main view. The user can zoom (zoom in or out) to update the displayed amount of the data visualization 300 and which visual markers are visible in the data visualization 300 at any given time, while maintaining the zoom extent of the default view or main view of the data visualization 300. Therefore, regardless of any user action that adjusts the view of the displayed data visualization 300 (e.g., zooming in, zooming out, or scrolling), the default view or main view of the data visualization 300 includes all visual markers from the layers included as part of the zoom extent of the data visualization 300.

[0116] Figure 13 1 shows displaying information about a visual marker in a data visualization 300 of a map according to some implementations. In some implementations, the data visualization 300 displays information about the visual marker in response to a user gesture at the visual marker in the data visualization 300, such as clicking or hovering over the visual marker. In this example, the user hovers over the visual marker 1300 corresponding to a Boston neighborhood. In response to detecting the user gesture (in this example, the hover), the data visualization 300 displays a box 1310 (e.g., a pop-up area or floating window) that includes a label for the visual marker 1300. In this example, the box 1310 displays the name of the Boston neighborhood corresponding to the visual marker, namely, "Brighton."

[0117] Figures 14A-14D 3. The removal of map layers from a data visualization of a map according to some implementations is shown. Each layer of the data visualization 300 can be removed from the data visualization 300. For example, Figure 14A As shown, the third layer 730 is removed by selecting the "Remove" option from the drop-down menu 814 associated with the third layer 730. In response to the user's selection of the "Remove" option, the third layer 730 is removed from the data visualization 300. Figure 14B As shown, the visual marker from the third set of visual markers 720 corresponding to the community center location is no longer displayed as part of the data visualization 300. In addition, the marker area 128 is updated to only show the first layer 520-1 and the second layer 520-2. Once the third layer 730 is removed from the data visualization 300, the marker area 128 does not include the third layer 730.

[0118] Figure 14CAnother method of removing a layer from a data visualization is shown. In some implementations, a user can select a layer from the marking area 128 and place (e.g., drag and drop) the layer in an area outside of (e.g., different from) the marking area 128 of the graphical user interface 100. In this example, the user drags the second layer 520-2 to an area of ​​the graphical user interface 100 that is different from (e.g., not the same as) the marking area 128. In response to user input (e.g., a user action or a user gesture), the second layer 520-2 is removed from the data visualization 300. Figure 14D As shown, the visual indicia from the second set of visual indicia 540 corresponding to the Boston neighborhood is no longer displayed as part of the data visualization 300. Additionally, the indicia region 128 is updated to display the affordances associated with the first layer 520-1. Once the second layer 520-2 is removed from the data visualization 300, the indicia region 128 does not include (e.g., does not display) the second layer 520-2.

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

[0120] Figure 15A An example of a schema information area 110 in a graphical user interface 100 for a single data source is shown according to some implementations. 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 of the data source 1500, as well as icons 1510 corresponding to tables from the data source and icons 1512 corresponding to data fields from the data source.

[0121] Figures 15B-15DAn example of a schema information area 110 in a graphical user interface 100 for multiple data sources according to some implementations is provided. When multiple data sources are loaded and displayed as part of the graphical user interface 100, the schema information area 110 displays the names 1500 of the data sources (e.g., "Boston_Buildings," "Boston_Neighborhoods," and "Boston_Police_Stations"). The schema information area 110 is also updated according to (e.g., based on) which of the multiple data sources is selected. In some implementations, the selected data source 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, the schema information area 110 displays a data table 1510 (e.g., a data table icon 1510) from the "Boston_Buildings" data source, and the schema information area 110 displays data fields 1512 from the "Boston_Buildings" data source. Figure 15C In response to detecting the user's selection of another data source (e.g., the "Boston_Neighborhoods" data source), the mode information area 110 displays a table 1520 from the selected data source (e.g., the active data source as the "Boston_Neighborhoods" data source), and the mode information area 110 displays data fields 1522 from the selected data source. Figure 15D , in response to detecting a user selection of another data source (e.g., the “Boston_Police_Stations” data source), the mode information area 110 displays a table 1530 from the selected data source (e.g., the active data source as the “Boston_Police_Stations” data source), and the mode information area 110 displays data fields 1532 from the selected data source.

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

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

[0124] Figure 16A 5. Also shown is user input for adding a new layer to the data visualization 1600. The graphical user interface 100 detects (e.g., receives) from the mode information area 110 a user selection of the "Neighborhoods" data field 412 and the user placement of the "Neighborhoods" data field 412 at the affordance 512. In some implementations, the visual indicia in the first pane is different from the visual indicia in another pane. For example, the visual indicia 1602-1 in the first pane 1620-1 is different from the visual indicia 1602-2 displayed in the fifth pane 1620-5. In this example, the visual indicia 1602-2 displayed in the fifth pane 1620-5 includes less than a complete subset of the visual indicia 1602-1 displayed in the first pane 1620-1.

[0125] refer to Figure 16B In response to receiving user input (e.g., user selection and placement), data visualization 1600 is updated to display information from “Neighborhoods” data field 412 in at least one of panes 1620. Marker area 128 is also updated to display “Neighborhoods” layer 1630.

[0126] In some implementations, visual indicia corresponding to a single layer can be displayed across multiple panes. Figure 16BAn example is shown in which a user has selected the "Replicate Across Panes" option from the drop-down menu 814 associated with layer 1630-2. In response to the user's input (e.g., the user's selection of the "Replicate Across Panes" option), the data visualization 1600 populates each pane 1620 with visual indicia corresponding to the data fields associated with layer 1630-2. In this example, layer 1630-2 includes visual indicia corresponding to geographic data from the "Neighborhoods" data field 412. Thus, each pane 1620 of the data visualization 1600 includes visual indicia corresponding to neighborhoods in Boston (e.g., visual indicia 1640-1 through 1640-8). The user can customize each pane 1620 in the data visualization 1600 so that the first pane of the data visualization 1600 (e.g., pane 1620-1) displays visual indicia that is different from the visual indicia of another pane (e.g., pane 1620-2). For example, first pane 1620-1 includes visual marker 1602-1 belonging to layer 1630-1 and visual marker 1640-1 belonging to layer 1630-2. In contrast, second pane 1620-2 includes visual marker 1640-2 belonging to layer 1630-2 and does not include visual markers associated with first layer 1630-1.

[0127] Figures 17A-17G17 is a flow chart of a method 1700 for generating a map data visualization (e.g., data visualizations 300 and 1600) for a map according to some implementations. 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. Method 1700 includes receiving (1704) a user selection of a data source having geographic data. Method 1700 also includes displaying (1706) the data visualization user interface 100. The data visualization interface includes a schema information area 110, a data visualization area 112, and a plurality of shelf areas (e.g., a column shelf area 120 and a row shelf area 122). Schema information area 110 includes a plurality of user-selectable data fields (e.g., data field icons 410, 411, 412, 710, 1512, 1522, and 1532). Each of the plurality of shelf areas defines a corresponding feature of the data visualization to be displayed in the data visualization area. Method 1700 also includes receiving (1708) first user input to place a first geographic data field (e.g., data field 410) from the mode information area into the data visualization area. Method 1700 also includes, in response to (1720) the first user input, generating and displaying (1722) a map data visualization in data visualization area 112 using coordinates associated with the first geographic data field (e.g., the longitude data field represented by icon 420-1 and the latitude data field represented by icon 420-2). The map data visualization includes a first plurality of data markers (e.g., visual markers 530) in a first layer (e.g., layer 520-1). Method 1700 also includes receiving (1730) second user input to select a second geographic data field from mode information area 110. Method 1700 also includes, in response to (1731) the second user input, displaying (1736) a new layer icon (e.g., layer 520-2) in the mode information area. When the second geographic data field activates the new layer icon, the method overlays (1738) the second layer on the existing map data visualization to form an updated map data visualization. The second layer includes a second plurality of data markers (e.g., visual markers 540) corresponding to the second geographic data field (e.g., data field 412).

[0128] In some implementations, the second user input includes (1739) 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 method displays (1740) a predetermined drop zone (e.g., affordance 512) for generating a new layer in the data visualization area. The second user input also includes moving the data field icon associated with the second geographic data field to the predetermined drop zone.

[0129] In some implementations, 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 of ​​the plurality of shelf areas (e.g., column shelf area 120).

[0130] In some implementations, 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.

[0131] In some implementations, method 1700 further includes displaying (1734) a first data field icon associated with the longitude data field in the first shelf area. Figure 4C As shown, data field icon 420-1 is associated with the longitude data field and is displayed in the column shelf area.

[0132] In some implementations, method 1700 further includes displaying (1735) a second data field icon associated with the latitude data field in the second shelf area. Figure 4C As shown, data field icon 420-2 is associated with the latitude data field and is displayed in the row shelf area.

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

[0134] In some implementations, the method 1700 further includes receiving (1742) a third user input to (i) select a third geographic data field from the schema information area 110 and (ii) place the third geographic data field on a tag encoding tool shelf of the second layer (e.g., the tag area 128). In response to the third user input, the method encodes (1744) the second plurality of data tags according to the tag encoding tool shelf while maintaining the first plurality of data tags without encoding according to the tag encoding tool shelf.

[0135] In some implementations, the third geographic data field is associated with the second geographic data field (e.g., it belongs to the same data table or is the same data field). For example, a user can add a new layer 520-2 corresponding to the "Neighborhoods" data field 412, and the user can also encode the visual markup in the layer 520-2 based on the information stored in the "Neighborhoods" data field 412.

[0136] In some implementations, the method 1700 further includes receiving (1746) one or more user inputs at a tag encoding tool shelf of the first layer (e.g., affordance 620-1 in the tag area 128) to change the encoding of the first plurality of data tags in the first layer. In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the method encodes (1748) the first plurality of data tags according to the one or more user inputs at the tag encoding tool shelf of the first layer while maintaining the second plurality of data tags according to the tag encoding tool shelf of the second layer. For example, Figures 6A-6C As shown, the user places the "Neighborhoods" data field 412 or the "Name" data field 612 from the "Boston_Neighborhoods" data table at the availability 620-1, and encodes the second set of visual markers 540 (including visual markers 540-1 and 540-2) corresponding to the "Neighborhoods" data field 412 by color without encoding the first set of visual markers 530 (or without changing their encoding).

[0137] Encoding the first plurality of data markers in the first layer can include any of the following: changing color, changing size, and / or adding labels to the first plurality of data markers. The marker encoding tool shelf for the first layer (e.g., a tab for the first layer 520-1 in the marker area 128) and the marker encoding tool shelf for the second layer (e.g., a tab for the second layer 520-2 in the marker area 128) are independent of each other.

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

[0139] In some implementations, method 1700 further 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 first layer in the data visualization area as the active layer. In some implementations, displaying the first layer icon in the mode information area as the active layer includes expanding the first layer icon and displaying one or more coding options corresponding to the first layer.

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

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

[0142] In some implementations, when the second layer is the active layer, method 1700 further includes receiving (1756) a user selection of one of the first plurality of data markers. In response to the user selection (1757) of the first plurality of data markers, the method activates (1758) the first layer in the data visualization area as the active layer (e.g., displays a tab corresponding to the first layer in an expanded view to display coding options and affordances), and displays (1759) the first layer icon in the mode information area as the active layer (e.g., so that the second layer is no longer the active layer, or replaces the second layer with the first layer as the active layer).

[0143] In some implementations, method 1700 also includes receiving (1760) user input (e.g., selecting box 1100 or 1122) to select one or more data markers in the data visualization. Figures 11A-11D Provides an example of user-selected data markers.

[0144] In some implementations, method 1700 further includes determining (1762) a selectability state of the first layer and a selectability state of the second layer. Method 1700 further includes, in response to receiving user input and based on the determination that the first layer is selectable, selecting (1764) a subset of the first plurality of data markers to select one or more data markers in the data visualization based on the user input. Method 1700 further includes, in response to receiving user input and based on the determination that the second layer is selectable, selecting (1766) a subset of the second plurality of data markers to select one or more data markers in the data visualization based on the user input. Figures 11A-11D , provides an example of changing the selection state of a visual marker corresponding to a layer of a data visualization.

[0145] In some implementations, the first plurality of data markers includes data markers that span a first geographic area, and method 1700 includes receiving (1770) user input to add a first layer to a zoom range of the data visualization. The zoom range specifies which map layers determine a default zoom level for the data visualization. In response to receiving the user input to add 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. Figure 12 The zoom range functionality of the graphical user interface 100 is described.

[0146] In some implementations, the second plurality of data markers includes data markers that span a second geographic area different from the first geographic area, and method 1700 includes receiving (1774) user input to add a second layer to a zoom range of the data visualization. In response to receiving the user input to add the second layer to the zoom range of the data visualization, the method updates (1776) a main screen of the data visualization to include the second geographic area.

[0147] In some implementations, the method 1700 also includes automatically displaying the layer icons in the mode information area (eg, the tags area 128 of the mode information area 110 ) in a display order that is based on the order in which the data fields were added to the data visualization.

[0148] In some implementations, method 1700 also includes receiving user input to change the display order of layer icons in the mode information area (e.g., the tag area 128 of the mode information area 110). In response to receiving user input to change the display order of layer icons in the mode information area, the method updates the mode information area to display the layer icons based on the user input. The user input can be any of the following: drag and drop, selecting a "move up" option, or selecting a "move down" option. In some implementations, when a second layer is added to the data visualization after the first layer, method 1700 automatically displays the second layer icons above the first layer icons. Later, the user can provide input to display the first layer icons above the second layer icons.

[0149] In some implementations, method 1700 also includes receiving user input to form a group including the first layer and the second layer, and receiving user input to apply new settings to the group. The new settings correspond to any visibility of the group and the selectability of the group. Method 1700 also includes, in response to receiving user input to apply the new settings to the group, updating one or more settings of the first layer to correspond to the new settings, and updating one or more settings of the second layer to correspond to the new settings. In some implementations, the one or more settings of the first layer and the one or more settings of the second layer are updated concurrently (e.g., simultaneously and / or automatically) (e.g., simultaneously).

[0150] The terms used in the description of the present invention are for the purpose of describing specific embodiments only and are not intended to limit the present invention. As used in the description of the present invention and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It is also to be understood that the terms "and / or" as used herein refer to and include any and all possible combinations of one or more of the relevant listed items. It should be further understood that the terms "comprises" and / or "comprising" when used in this specification 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.

[0151] For purposes of explanation, the foregoing description has been described with reference to specific implementations. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in light of the above teachings. The embodiments are chosen and described in order to best explain the principles of the invention and its practical application, thereby enabling others skilled in the art to best utilize the invention and various implementations with various modifications as are suitable for the particular use contemplated.

[0152] Aspects of the present disclosure may be implemented in one or more of the following embodiments:

[0153] Item 1): A method for generating a map data visualization having multiple map layers, comprising:

[0154] At 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:

[0155] receiving a user selection of a data source having geographic data;

[0156] Displaying a data visualization user interface, the data visualization user interface comprising:

[0157] a mode information area having a plurality of user-selectable data fields;

[0158] Data visualization area; and

[0159] a plurality of shelf areas, each shelf defining a respective feature of a data visualization to be displayed in the data visualization area;

[0160] receiving a first user input to place a first geographic data field from the schema information area into the data visualization area;

[0161] generating and displaying, in response to the first user input, 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 plurality of data markers in a first layer;

[0162] receiving a second user input to select a second geographic data field from the mode information area;

[0163] as well as

[0164] In response to the second user input:

[0165] displaying a new layer icon in the mode information area; and

[0166] When the second geographic data field activates the new layer icon, a second layer is superimposed on the existing map data visualization to form an updated map data visualization, wherein the second layer includes a second plurality of data markers corresponding to the second geographic data field.

[0167] Item 2): The method according to item 1), further comprising:

[0168] receiving a third user input to (i) select a third geographic data field from the schema information area, and (ii) place the third geographic data field on the tag encoding tool shelf of the second layer; and

[0169] In response to the third user input, the second plurality of data tags are encoded according to the tag encoding tool shelf while the first plurality of data tags remains unencoded according to the tag encoding tool shelf.

[0170] Item 3): The method according to item 1), wherein the second user input comprises a user selection of a data field icon associated with the second geographic data field, the method further comprising:

[0171] In response to detecting a user selection of a data field icon associated with the second geographic data field, a predetermined drop zone for generating a new layer in the data visualization area is displayed, wherein the second user input further includes moving the data field icon associated with the second geographic data field to the predetermined drop zone.

[0172] Item 4): The method according to item 1), further comprising:

[0173] In response to the first user input:

[0174] associating a longitude data field corresponding to the first geographic data field with a first shelf area of ​​the plurality of shelf areas;

[0175] 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 different from the first shelf area;

[0176] displaying a first data field icon associated with the longitude data field in the first shelf area; and

[0177] A second data field icon associated with the latitude data field is displayed in the second shelf area.

[0178] Item 5): The method according to item 1), further comprising:

[0179] receiving one or more user inputs at a tag encoding tool shelf of the first layer to change encoding of the first plurality of data tags in the first layer; and

[0180] In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the first plurality of data tags are encoded according to the one or more user inputs at the tag encoding tool shelf of the first layer, while the second plurality of data tags are maintained according to the tag encoding tool shelf of the second layer.

[0181] Item 6): The method according to item 1), further comprising:

[0182] In response to the first user input, a first layer icon associated with the first layer is automatically displayed in the mode information area, wherein the first layer icon is different from the new layer icon associated with the second layer.

[0183] Item 7): The method according to Item 6), further comprising:

[0184] receiving a user's selection of the first layer icon; and

[0185] In response to user selection of the first layer icon, the first layer in the data visualization area is activated as an active layer.

[0186] Item 8): The method according to Item 6), further comprising:

[0187] In response to the second user input, a second layer in the data visualization area is automatically activated as an active layer.

[0188] Item 9): The method according to Item 8), further comprising:

[0189] When the second layer is the active layer, receiving a user selection of the first layer icon; and

[0190] In response to user selection of the first layer icon, the first layer in the data visualization area is activated as the active layer.

[0191] Item 10): The method according to Item 9), further comprising:

[0192] When the second layer is the active layer, receiving a user selection of one of the first plurality of data markers; and

[0193] In response to a user selection of one of the first plurality of data markers:

[0194] activating the first layer in the data visualization area as the active layer; and

[0195] The first layer icon in the mode information area is displayed as the active layer.

[0196] Item 11): The method according to Item 1), further comprising:

[0197] receiving user input to select one or more data markers in the data visualization;

[0198] determining a selectability state of the first layer and a selectability state of the second layer;

[0199] In response to receiving the user input and based on a determination that the first layer is selectable, selecting a first subset of the first plurality of data markers to select one or more data markers in the data visualization based on the user input; and

[0200] In response to receiving the user input and based on a determination that the second layer is selectable, a second subset of the second plurality of data markers is selected based on the user input to select one or more data markers in the data visualization.

[0201] Item 12): The method according to item 1), wherein the first plurality of data markers includes data markers spanning a first geographic region, the method further comprising:

[0202] receiving user input to add the first layer to a zoom range of the data visualization, the zoom range specifying which map layers determine a default zoom level of the data visualization;

[0203] In response to receiving user input to add the first layer to the zoom range, a main screen of the data visualization is updated to include the first geographic area.

[0204] Item 13): The method according to item 12), wherein the second plurality of data markers includes data markers spanning a second geographical area different from the first geographical area, the method further comprising:

[0205] receiving user input to add the second layer to the zoom range;

[0206] In response to receiving user input to add the second layer to the zoom range, a main screen of the data visualization is updated to include the first geographic area and the second geographic area.

[0207] Item 14): A computing device comprising:

[0208] one or more processors; and

[0209] 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 including instructions for performing the following operations:

[0210] receiving a user selection of a data source having geographic data;

[0211] Displaying a data visualization user interface, the data visualization user interface comprising:

[0212] a mode information area having a plurality of user-selectable data fields;

[0213] Data visualization area; and

[0214] a plurality of shelf areas, each shelf defining a respective feature of a data visualization to be displayed in the data visualization area;

[0215] receiving a first user input to place a first geographic data field from the schema information area into the data visualization area;

[0216] generating and displaying, in response to the first user input, 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 plurality of data markers in a first layer;

[0217] receiving a second user input to select a second geographic data field from the mode information area;

[0218] as well as

[0219] In response to the second user input:

[0220] displaying a new layer icon in the mode information area; and

[0221] When the second geographic data field activates the new layer icon, a second layer is superimposed on the existing map data visualization to form an updated map data visualization, wherein the second layer includes a second plurality of data markers corresponding to the second geographic data field.

[0222] Item 15): The computing device according to Item 14), wherein the one or more programs further include instructions for performing the following operations:

[0223] receiving a third user input to (i) select a third geographic data field from the schema information area, and (ii) place the third geographic data field on the tag encoding tool shelf of the second layer; and

[0224] In response to the third user input, the second plurality of data tags are encoded according to the tag encoding tool shelf while the first plurality of data tags remains unencoded according to the tag encoding tool shelf.

[0225] Item 16): The computing device of Item 14), wherein the second user input comprises a user selection of a data field icon associated with the second geographic data field, and wherein the one or more programs further comprise instructions for:

[0226] In response to detecting a user selection of a data field icon associated with the second geographic data field, a predetermined drop zone for generating a new layer in the data visualization area is displayed, wherein the second user input further includes moving the data field icon associated with the second geographic data field to the predetermined drop zone.

[0227] Item 17): The computing device according to Item 14), wherein the one or more programs further include instructions for performing the following operations:

[0228] In response to the first user input:

[0229] associating a longitude data field corresponding to the first geographic data field with a first shelf area of ​​the plurality of shelf areas;

[0230] 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 different from the first shelf area;

[0231] displaying a first data field icon associated with the longitude data field in the first shelf area; and

[0232] A second data field icon associated with the latitude data field is displayed in the second shelf area.

[0233] Item 18): The computing device according to Item 14), wherein the one or more programs further include instructions for performing the following operations:

[0234] receiving one or more user inputs at a tag encoding tool shelf of the first layer to change encoding of the first plurality of data tags in the first layer; and

[0235] In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the first plurality of data tags are encoded according to the one or more user inputs at the tag encoding tool shelf of the first layer, while the second plurality of data tags are maintained according to the tag encoding tool shelf of the second layer.

[0236] Item 19): The computing device according to Item 14), wherein the one or more programs further include instructions for performing the following operations:

[0237] In response to the first user input, a first layer icon associated with the first layer is automatically displayed in the mode information area, wherein the first layer icon is different from the new layer icon associated with the second layer.

[0238] Item 20): A non-transitory computer-readable storage medium storing one or more programs, the one or more programs comprising instructions that, when executed by a computing device, cause a system to:

[0239] receiving a user selection of a data source having geographic data;

[0240] Displaying a data visualization user interface, the data visualization user interface comprising:

[0241] a mode information area having a plurality of user-selectable data fields;

[0242] Data visualization area; and

[0243] a plurality of shelf areas, each shelf defining a respective feature of a data visualization to be displayed in the data visualization area;

[0244] receiving a first user input to place a first geographic data field from the schema information area into the data visualization area;

[0245] generating and displaying, in response to the first user input, 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 plurality of data markers in a first layer;

[0246] receiving a second user input to select a second geographic data field from the mode information area; and in response to the second user input:

[0247] displaying a new layer icon in the mode information area; and

[0248] When the second geographic data field activates the new layer icon, a second layer is superimposed on the existing map data visualization to form an updated map data visualization, wherein the second layer includes a second plurality of data markers corresponding to the second geographic data field.

Claims

1. A method for generating a map data visualization having a plurality of map layers, comprising: At 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: receiving a user selection of a data source having geographic data; Displaying a data visualization user interface, the data visualization user interface comprising: a mode information area having a plurality of user-selectable data fields; and Data visualization area; receiving a first user input to (i) drag a first geographic data field from the schema information area and (ii) drop the first geographic data field into the data visualization area; generating and displaying, in response to the first user input, 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 markers corresponding to the first geographic data field; receiving a second user input to drag a second geographic data field from the mode information area; In response to the second user input, displaying a new layer icon in the data visualization area; and When the new layer icon is activated by dropping the second geographic data field onto the new layer icon, a second layer is superimposed on the map data visualization to form an updated map data visualization, wherein the second layer includes a second set of data markers corresponding to the second geographic data field.

2. The method according to claim 1, further comprising: receiving a third user input to (i) select a third geographic data field from the schema information area, and (ii) place the third geographic data field on the tag encoding tool shelf of the second layer; and In response to the third user input, the second set of data tags is encoded according to the tag encoding tool shelf while the first set of data tags remains unencoded according to the tag encoding tool shelf.

3. The method according to claim 1, wherein The second user input comprises a user selection of a data field icon associated with the second geographic data field, the method further comprising: In response to detecting a user selection of a data field icon associated with the second geographic data field, a predetermined drop zone for generating a new layer in the data visualization area is displayed, wherein the second user input further includes moving the data field icon associated with the second geographic data field to the predetermined drop zone.

4. The method according to claim 1, wherein The data visualization user interface includes a plurality of shelf areas, each shelf of the plurality of shelf areas defining a respective feature of a data visualization to be displayed in the data visualization area; as well as The method further comprises, 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 different from the first shelf area; displaying a first data field icon associated with the longitude data field in the first shelf area; as well as A second data field icon associated with the latitude data field is displayed in the second shelf area.

5. The method according to claim 1, further comprising: receiving one or more user inputs at a tag encoding tool shelf of the first layer to change the encoding of the first set of data tags in the first layer; as well as In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the first set of data tags is encoded according to the one or more user inputs at the tag encoding tool shelf of the first layer, while the second set of data tags is maintained according to the tag encoding tool shelf of the second layer.

6. The method according to claim 1, further comprising: In response to the first user input, a first layer icon associated with the first layer is automatically displayed in the mode information area, wherein the first layer icon is different from the new layer icon associated with the second layer.

7. The method according to claim 6, further comprising: receiving a user's selection of the first layer icon; as well as In response to the user selecting the first layer icon, the first layer in the data visualization area is activated as an active layer.

8. The method according to claim 6, further comprising: In response to the second user input, a second layer in the data visualization area is automatically activated as an active layer.

9. The method according to claim 8, further comprising: When the second layer is the active layer, receiving a user selection of the first layer icon; as well as In response to the user's selection of the first layer icon, the first layer in the data visualization area is activated as the active layer.

10. The method according to claim 9, further comprising: When the second layer is the active layer, receiving a user selection of a first data marker in the first set of data markers; as well as In response to the user selecting the first data tag: activating the first layer in the data visualization area as the active layer; as well as The first layer icon in the mode information area is displayed as the active layer.

11. The method according to claim 1 , further comprising: receiving user input to select one or more data markers in the data visualization; determining a selectability state of the first layer and a selectability state of the second layer; In response to receiving the user input and based on a determination that the first layer is selectable, selecting a first subset of the first set of data markers to select one or more data markers in the data visualization based on the user input; as well as In response to receiving the user input and based on a determination that the second layer is selectable, a second subset of the second set of data markers is selected based on the user input to select one or more data markers in the data visualization.

12. The method according to claim 1, wherein The first set of data markers includes data markers spanning a first geographic region, the method further comprising: receiving user input to add the first layer to a zoom range of the data visualization, the zoom range specifying which map layers determine a default zoom level of the data visualization; In response to receiving user input to add the first layer to the zoom range, a main screen of the data visualization is updated to include the first geographic area.

13. The method according to claim 12, wherein: The second set of data markers includes data markers spanning a second geographic area different from the first geographic area, the method further comprising: receiving user input to add the second layer to the zoom range; In response to receiving user input to add the second layer to the zoom range, a main screen of the data visualization is updated to include the first geographic area and the second geographic area.

14. A computing device comprising: one or more processors; as well as 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 including instructions for performing the following operations: receiving a user selection of a data source having geographic data; Displaying a data visualization user interface, the data visualization user interface comprising: a mode information area having a plurality of user-selectable data fields; and Data visualization area; receiving a first user input to (i) drag a first geographic data field from the schema information area and (ii) drop the first geographic data field into the data visualization area; generating and displaying, in response to the first user input, 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 markers corresponding to the first geographic data field; receiving a second user input to drag a second geographic data field from the mode information area; In response to the second user input, displaying a new layer icon in the data visualization area; and When the new layer icon is activated by dropping the second geographic data field onto the new layer icon, a second layer is superimposed on the map data visualization to form an updated map data visualization, wherein the second layer includes a second set of data markers corresponding to the second geographic data field.

15. The computing device of claim 14, wherein: The one or more programs also include instructions for performing the following operations: receiving a third user input to (i) select a third geographic data field from the schema information area, and (ii) place the third geographic data field on the tag encoding tool shelf of the second layer; and In response to the third user input, the second set of data tags is encoded according to the tag encoding tool shelf while the first set of data tags remains unencoded according to the tag encoding tool shelf.

16. The computing device of claim 14, wherein: The second user input includes user selection of a data field icon associated with the second geographic data field, and the one or more programs further include instructions for: In response to detecting a user selection of a data field icon associated with the second geographic data field, a predetermined drop zone for generating a new layer in the data visualization area is displayed, wherein the second user input further includes moving the data field icon associated with the second geographic data field to the predetermined drop zone.

17. The computing device of claim 14, wherein: The data visualization user interface includes a plurality of shelf areas, each shelf of the plurality of shelf areas defining a respective feature of a data visualization to be displayed in the data visualization area; and The one or more programs also include instructions for performing the following operations: 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 different from the first shelf area; displaying a first data field icon associated with the longitude data field in the first shelf area; as well as A second data field icon associated with the latitude data field is displayed in the second shelf area.

18. The computing device of claim 14, wherein: The one or more programs also include instructions for performing the following operations: receiving one or more user inputs at a tag encoding tool shelf of the first layer to change the encoding of the first set of data tags in the first layer; as well as In response to receiving the one or more user inputs at the tag encoding tool shelf of the first layer, the first set of data tags is encoded according to the one or more user inputs at the tag encoding tool shelf of the first layer, while the second set of data tags is maintained according to the tag encoding tool shelf of the second layer.

19. The computing device of claim 14, wherein: The one or more programs also include instructions for performing the following operations: In response to the first user input, a first layer icon associated with the first layer is automatically displayed in the mode information area, wherein the first layer icon is different from the new layer icon associated with the second layer.

20. A non-transitory computer-readable storage medium storing one or more programs comprising instructions that, when executed by a computing device, cause a system 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 mode information area having a plurality of user-selectable data fields; and Data visualization area; receiving a first user input to (i) drag a first geographic data field from the schema information area and (ii) drop the first geographic data field into the data visualization area; generating and displaying, in response to the first user input, 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 markers corresponding to the first geographic data field; receiving a second user input to drag a second geographic data field from the mode information area; In response to the second user input, displaying a new layer icon in the data visualization area; and When the new layer icon is activated by dropping the second geographic data field onto the new layer icon, a second layer is superimposed on the map data visualization to form an updated map data visualization, wherein the second layer includes a second set of data markers corresponding to the second geographic data field.

Images