Complete Guide to inZOI for Mac

Source: Love Mac  |  Software download link: inZOI for Mac

inZOI is a professional-grade data visualization and interactive chart creation software designed specifically for macOS. It integrates a powerful data processing engine with intuitive visual design tools, aiming to help users transform complex data into clear, beautiful, and interactive charts and infographics. This guide will provide a detailed introduction to its interface, complete workflow, operation tips, and solutions to common problems.

I. Detailed Explanation of the Core Interface and Workspace

The main interface of inZOI adopts a modular design and is primarily divided into the following six core areas:

• Menu Bar: Located at the top of the screen, it contains standard menu items such as “File,” “Edit,” “View,” “Data,” “Chart,” “Window,” and “Help,” providing entry points to all advanced features of the software.
• Toolbar: Located below the menu bar, it provides commonly used tools (Select, Pen, Text, Shape) and quick action buttons (New, Save, Export, Undo/Redo).
• Left Panel: Contains two main tabs:
  • “Layers” Panel: Displays the hierarchical relationships of all elements (charts, shapes, text, images) on the canvas in a tree structure, supporting drag-and-drop sorting, show/hide, and lock/unlock.
  • “Data Source” Panel: Manage imported datasets, supporting CSV, Excel, and JSON formats. You can preview, filter, and edit data fields here.
• Central Canvas: The core workspace for designing and arranging visualization elements. Supports infinite canvas, multi-page management, and zooming (shortcut Cmd + +/-).
• Right Panel: A context-sensitive property inspector that dynamically displays editable properties based on the selected element type:
  • Chart Properties: When a chart is selected, displays settings such as chart type, data binding, axes, legend, and color scheme.
  • Style Properties: When any shape or text is selected, displays style options such as fill, stroke, font, shadow, and opacity.
  • Interaction Properties: Add interactive behaviors to elements, such as hover effects, click actions, and data filtering.
• Bottom Status Bar: Displays the current canvas zoom level, mouse coordinates, selected element information, and operation hints.

II. Complete Workflow: From Creation to Export

The following is the standard workflow for creating a complete interactive data visualization project.

1. Create or Open a Project

Step 1: Launch inZOI. Click the icon in the Applications folder or Launchpad.

Step 2: Create a new project. In the startup window, click “New Project”, or use the menu bar File → New (shortcut Cmd + N). In the dialog box, select the canvas size (such as “A4”, “Web 1920×1080”, or Custom).

Step 3: Open an existing project. In the startup window, click “Open”, or use the menu bar File → Open (shortcut Cmd + O), and navigate to the .inzoi project file.

2. Import and Prepare Data

Step 4: Import data. Click the “+” button on the left “Data Source” panel, select “Import File”, and choose a local data file (CSV/XLSX/JSON). The data will be displayed in the panel in table form.

Step 5: Data preprocessing. In the “Data Source” panel, you can perform the following operations:

• Rename fields: Double-click the column header to modify it.
• Change data type: Click the icon next to the column header and select “Text”, “Number”, “Date”, etc.
• Simple filtering: Click the filter icon next to the column header to set conditions (such as “greater than”, “contains”).

3. Create and Configure Charts

Step 6: Add a chart. Click the “Chart” button in the toolbar (or use the menu bar Chart → Insert Chart), and select a chart type from the drop-down list (such as line chart, bar chart, scatter plot, pie chart). Click and drag on the canvas to determine the chart size and position.

Step 7: Bind data. Select the newly created chart; the right panel will display “Chart Properties.” In the “Data” tab:

• From the “Data Source” drop-down list, select the dataset imported in Step 4.
• Drag “Fields” into the corresponding encoding channels such as “X-axis,” “Y-axis,” “Color,” and “Size.”

Step 8: Customize chart style. In the “Style” tab, adjust the color scheme, fonts, axis ticks, gridlines, legend position, etc. In the “Interaction” tab, you can enable features such as “Tooltips” (display values on hover) and “Click to highlight.”

4. Add auxiliary elements and layout

Step 9: Add text and shapes. Use the “Text tool” in the toolbar (shortcut T) to add titles and annotations; use the “Shape tool” (shortcut S) to add auxiliary graphics such as arrows and rectangles. All elements can be managed in terms of layer order in the “Layers” panel.

Step 10: Align and distribute. Select multiple elements (hold Shift and click, or drag to select), right-click and choose “Align” (align left, align center, etc.) or “Distribute” (distribute horizontally with equal spacing, etc.).

5. Preview and export

Step 11: Preview interactive effects. Click the “Preview” button in the upper right corner of the canvas (or press Cmd + P) to enter preview mode. In this mode, you can test chart interactions (such as hovering and clicking). Press Esc to exit preview.

Step 12: Export the final product. Use the menu bar File → Export (shortcut Cmd + E) and choose an export format:

• Static image: PNG, JPG, SVG (high resolution, suitable for print or web images).
• Interactive webpage: HTML (generates a standalone HTML file with full interactivity that can be opened directly in a browser).
• PDF report: Suitable for multi-page printable documents.

In the export dialog, set the file name, path, and format-specific options (such as image resolution and HTML dimensions), then click “Export” to finish.

III. Advanced Tips for Common Features

1. Data Linking and Dashboard Charts

After creating multiple charts, you can set up “data linking”: select a chart and enable “Use as filter” in the “Interactions” panel on the right. When you click a data point on that chart in preview mode (such as a bar in a bar chart), all other charts on the canvas bound to the same data source will automatically filter and highlight the relevant data.

2. Custom Colors and Themes

Select View → Theme Manager from the menu bar to create, save, and apply custom themes. Themes include global fonts, color palettes, default chart styles, and more. You can save your company’s brand colors as a theme and apply it to all new charts with one click.

3. Use Formula Fields

In the “Data Source” panel, click “Add Field” and select “Use Formula” to create calculated fields based on existing fields. For example, entering the formula [Sales] / [Quantity] can automatically calculate the “Unit Price.” Formulas support common mathematical and string functions.

4. Canvas Guides and Smart Alignment

Drag from the ruler (which can be enabled via View → Show Rulers, shortcut Cmd + R) onto the canvas to create vertical or horizontal guides. When you move elements close to a guide or other elements, they will automatically snap and align, helping you achieve precise layouts.

IV. Common Issues and Solutions

V. inZOI for Mac Keyboard Shortcuts Summary

“`