How to Set Up Flourish for Data Visualization

What Flourish Does and Why It Matters

Flourish is a web-based data visualization tool built for people who need professional charts but do not write code. It runs entirely in the browser, offers more than 50 templates ranging from bar charts to Sankey diagrams, and produces responsive, interactive outputs you can embed anywhere. Unlike heavier tools such as Tableau or Power BI, Flourish requires no installation, no license key, and no training period. You sign up, pick a template, and start building.

The platform launched out of the journalism world, where newsrooms needed fast, embeddable graphics on deadline. That origin shows in the product: speed and clarity come first, configuration complexity comes last. According to Flourish's own documentation, the tool now serves teams across journalism, marketing, education, and government. The free tier gives you access to every template and unlimited public projects, which makes it practical for individual analysts and small teams testing the waters.

Step 1: Create an Account and Choose a Template

Go to flourish.studio and sign up with an email or Google account. Once logged in, click "New visualization" in the top left. You will see a gallery of templates grouped by category: line and area charts, bar charts, maps, hierarchies, network diagrams, survey results, and more.

Each template shows a live preview with sample data. Click on one to open it. For this walkthrough, start with the "Line, bar, pie" category and select "Bar chart (grouped)." This is one of the most common chart types for comparing categories and a good baseline for learning the interface.

A practical tip: browse the full template library before committing. Flourish has specialized templates like parliament charts, chord diagrams, and bar chart races that you will not find in most free tools. Picking the right template upfront saves time compared to forcing data into the wrong layout.

Step 2: Prepare and Upload Your Data

Flourish accepts data through copy-paste, CSV upload, or a link to a publicly accessible CSV file. The last option is especially useful because Flourish will re-fetch the data on a schedule, keeping your published visualization current without manual updates.

Before uploading, clean your data in a spreadsheet application. A few formatting rules will save you headaches:

Remove percentage signs and currency symbols from numeric columns. Flourish parses these inconsistently and may treat them as text. Store 45% as 45 and handle the symbol in the chart label settings.

Make sure your first row contains column headers. Flourish uses these headers to label axes and legends automatically.

Keep date columns in a consistent format. ISO 8601 (YYYY-MM-DD) works most reliably across templates.

Limit your dataset to the columns and rows you actually need. Extra columns clutter the mapping step, and large datasets slow down the preview.

Once your data is ready, switch to the "Data" tab in the Flourish editor. Delete the sample data and paste yours, or click "Upload data" to import a CSV file. The preview will update instantly.

Step 3: Map Columns to Visual Variables

After uploading, Flourish needs to know which columns drive which parts of the chart. In the Data tab, you will see dropdowns labeled with the template's visual variables. For a grouped bar chart, these are typically "Name" (x-axis category), "Value" (bar height), and optionally "Color" (grouping).

Drag your column headers into the correct slots or use the dropdowns. The chart preview updates in real time, so you can immediately tell if the mapping is correct. If bars appear flat or labels look wrong, double-check that numeric columns contain numbers only and that your category column has the right granularity.

This mapping step is where Flourish's template-first approach pays off. Each template exposes only the variables that matter for that chart type. You do not need to learn a visualization grammar or configure axis scales from scratch.

Step 4: Customize Appearance

Switch to the "Preview" tab to access the settings panel. Here you control everything visual: colors, fonts, axis labels, legends, tooltips, animations, and layout. The settings are organized into template-specific options at the top and general options (Layout, Header, Footer, Accessibility) lower down.

A few customization priorities for clean output:

Set a descriptive header and subheader in the "Header" section. These appear above the chart and provide context that raw data cannot.

Override default colors if your organization has a brand palette. Click on any color swatch to enter a hex code. For grouped charts, assign distinct colors to each group for accessibility.

Adjust axis labels. Rotate x-axis labels 45 degrees if they overlap, or reduce font size. For y-axis labels, add a prefix or suffix (like "$" or "%") in the number formatting settings rather than embedding symbols in the data.

Enable tooltips so readers can hover over data points for exact values. Flourish tooltips support basic HTML, which lets you bold key numbers or add line breaks.

Step 5: Add Annotations and Stories

One of Flourish's strongest features is its "Story" mode. Instead of publishing a single static chart, you can create a slide-based narrative that walks the reader through different views of the same data. Click "Create a story" from the project page, add your visualization as the first slide, then duplicate the slide and change the highlighted data, zoom level, or annotations for each subsequent slide.

Annotations are added through the settings panel under the template-specific section. You can pin text labels, arrows, or highlighted regions to specific data points. This is useful for calling out outliers, trend changes, or key comparisons that the reader might miss in an unguided view.

Stories export as a single embed code, so the reader scrolls or clicks through the narrative on your page. For teams publishing reports or blog posts, this is a more engaging format than dropping in a screenshot.

Step 6: Publish and Embed

When your visualization is ready, click "Export & publish" in the top right. Flourish gives you several options:

A public URL that anyone can view in their browser. This works well for sharing in emails, Slack messages, or social media.

An embed code (iframe) for inserting the chart into a website, CMS, or blog post. The embed is responsive by default, meaning it resizes to fit the container on any screen size.

Static image export in PNG, JPEG, or SVG (available on paid plans). Use this for slide decks, PDF reports, or print.

For the free tier, published visualizations include a small Flourish attribution badge. Paid plans remove this and unlock additional export formats.

One workflow tip: if you linked a live CSV in Step 2, your published chart will automatically reflect new data when the CSV updates. This is valuable for dashboards or recurring reports where the underlying numbers change weekly or monthly.

Common Pitfalls and How to Avoid Them

After working with Flourish across multiple projects, a few recurring mistakes stand out.

Overloading a single chart with too many categories makes the output unreadable. If you have more than 8-10 groups in a bar chart, consider filtering to the top N or switching to a different template like a treemap.

Ignoring the accessibility settings. Flourish includes options for alt text, ARIA labels, and color-blind-safe palettes. These take 30 seconds to configure and make your work usable by a wider audience.

Skipping the mobile preview. Charts that look great on a desktop monitor can break on a phone screen. Use Flourish's responsive preview to check layout at smaller widths before publishing.

Not using the "Revert" option. If you make a customization change that breaks the look of your chart, Flourish keeps a version history. You can roll back to a previous state instead of redoing the work.

If you want to skip template selection and manual mapping entirely, tools like VSLZ let you upload a file, describe what you need in plain English, and get a finished chart from a single prompt.

Summary

Flourish is one of the fastest paths from raw data to an interactive, publishable chart. The setup takes five minutes, the template library covers most common and several uncommon chart types, and the free tier is generous enough for individual and small-team use. Start with a clean dataset, pick the right template, map your columns, and publish. For recurring reports, link a live CSV and let the chart update itself.