How does Minutecharts work?

Navigation

Create a new chart

Select an input type

You have three possibilities to import or create a new dataset.

  • Create data manually. This option is especially suitable for small data sets with few entries.
  • Start with existing dataset (text in CSV format). This option can be useful if you have a dataset in CSV format but it is not saved as a CSV file (e.g. text from a clipboard or copied text from any program).
  • Start with existing dataset (CSV file). This option is the most commonly used and can be used to read any CSV file. You can simply select the correct file from the destination folder.

Edit data

In the next step you can check the created dataset and adjust it if necessary. You have the following options:

  • Give your diagram a name (required)
  • Change the column names (optional)
  • Add new columns (optional)
  • Remove columns (optional)
  • Change a selected row (optional)
  • Add a new row (optional)
  • Remove existing rows (optional)

Add details

You can add more information directly to your chart. This includes:

  • Select data columns (required)
  • Select axis description (required)
  • Show title (yes/no) (optional)
  • Add subtitles (yes/no) (optional)
  • Add logo (yes/no) (optional)
  • Add data source (yes/no) (optional)

 Select chart type

Then you can choose a chart type for your chart. You can choose from several chart types (you can also combine several types in one chart):

  • Line charts
  • Area chart
  • Column chart
  • Bar chart
  • Scatter diagram
  • Stacked area chart
  • Stacked column chart
  • Stacked bar chart
  • Pie chart
  • Donut chart

Edit settings

In this (optional) step you can apply numerous settings to your chart. The settings can be divided into three categories:

  • Visualization settings. Here you can change e.g. colors and gradients, spacing, axes and labels or adjust the order of the individual graphs in the chart.
  • Data settings. For example, you can remove outliers from the dataset or add the median or mean value of certain data series.
  • Export settings. Here you can either directly select the correct format for different social media platforms or you can manually set the format and resolution.

More details can be found in the section "Edit Charts".

Edit charts

Set colors

In this menu you can adjust all color settings for your diagram. All changes will only be saved after clicking the button "Save changes!".

  • Multi colors? If the switch is activated, you can select different colors for each data point of a selected data column. You can use the dropdown menu to select the correct datacolumn.
  • Overwrite multi colors? If the switch is activated, the single color selection and the shading options will overwrite any existing multi colors. If the switch is deactivated, only the other settings (such as axis and background colors) will be saved from the main screen.
  • Use hex codes? When the checkbox is activated, you can select colors based on hex codes (e.g. #000000 for black). Otherwise you can select your favorite color using the color picker (default setting).
  • Background gradient? If the checkbox is activated, you can configure a background gradient for your diagram. Otherwise you can choose a normal background color. 
  • Axis. The color for the axes of your chart.
  • Data (...). The color of the respective data column.
  • Apply shades? If the check box is activated, different shades of the color you selected will be applied to each data point of your data column.
  • Background. The background color of your diagram (remember to disable the background gradient check box).
  • Background gradient? The background gradient can be used as an alternative to a simple background color (remember to activate the background gradient check box).

Configure labels

You can either adjust the labels for all columns (by selecting "All") or make changes for specific columns (by selecting the appropriate column(s)). Your changes are only saved after you have selected the "Save changes!". Confirmed changes in "All" overwrite the settings for certain columns and vice versa.

  • Use hex codes? When the checkbox is activated, you can select colors based on hex codes (e.g. #000000 for black). Otherwise you can select your favorite color using the color picker (default setting).
  • Show label? Labels are not displayed by default. If you want to display a label, you have to activate the checkbox.
  • Adjust max label length. By default, the number of characters of each label is limited to 20 characters. Longer label texts are abbreviated with [...]. By adjusting the maximum label length you can allow longer label texts to be displayed.
  • Label text color The color of your label texts.
  • Use series color? If you activate this option, each label gets a background color that matches the color of the respective data column.
  • Label font size. Choose a font size if you are not satisfied with the automatically generated one.
  • Label position. Choose a positioning option for your labels. With "Outside" your labels are positioned above the respective row or column. "Bottom" will position your labels at the beginning of the row or column.
  • Join labels? If the check box is enabled, the label combines the values of your data column and the description axis using the following format: "Value Description Axis (Value Data Column)". The corresponding formatting from your axis settings is also applied to your labels.
  • Show only description label? If the check box is activated, only the values of your description axis are displayed in the caption.
  • Label format. PIE AND DONUT CHARTS ONLY: You can select the appropriate format from various pre-configured number formats in the drop-down menu.
  • Rotate labels? You can decide whether you want to rotate the labels by 90 or 270 degrees. This can be useful e.g. if you have a bar chart and want to place the labels vertically inside the columns.

Adjust axes

You can adjust the axis settings for the description axis (typically the x axis) and the value axis (typically the y axis). Your changes will only be saved after you press the button "Save changes!".

  • Use hex codes? When the checkbox is activated, you can select colors based on hex codes (e.g. #000000 for black). Otherwise you can select your favorite color using the color picker (default setting).
  • Show axis? By default, both axes are displayed. If you want to hide an axis, you have to disable this switch.
  • Axis type. There are three axis types: Numeric is for numbers (both the standard and the only accepted type for the value axis; examples: Income, percentages or years of education), Date stands for time periods (example: you want to plot a stock chart over time) and Category stands for texts and categories (example: you have data for different vehicle manufacturers, professions or other groups).
  • Rotate axis label. If you select a value other than 0, the axis labels are rotated by the selected angle. This can be useful if you want to display the labels without taking up much horizontal space.
  • Show axis title? Axis titles are not displayed by default. If you activate this option, please make sure that you also specify an axis title and a color.
  • Axis title color. The color for your axis title.
  • Axis title font size Select a font size for your axis title if you are unhappy with the one that is automatically generated.
  • Axis labels font size. Select a font size for your axis labels if you are unhappy with the one that is automatically generated.
  • Number format. ONLY FOR NUMERICAL AXIS TYPES: You can select the appropriate one from various pre-configured number formats in the drop-down menu.
  • Axis minimum. ONLY FOR NUMERICAL AXLE TYPES: The minimum value for your axis. This is the lowest value displayed. By default no minimum value is set and the axis range is configured automatically.
  • Axis maximum. ONLY FOR NUMERICAL AXIS TYPES: The maximum value for your axis. This is the highest value displayed. By default, no maximum value is set and the axis range is configured automatically.
  • Date format. DATE TYPE ONLY: You can choose from different pre-configured date formats in the dropdown menu.
  • Oppose axis position? This is deactivated by default. If you activate the switch, the axis position is reversed (e.g. the value axis is then displayed on the right side of the diagram).
  • Show grid lines? Gridlines are displayed by default for both axes. With this switch you can disable one or both axes.
  • Activate smart labels? If your axis labels do not fit on the axis, you can activate Smart Labels. This shortens the labels so that they fit on the axis.
  • Axis edge label placement. Labels with long text at the edges of an axis may appear outside the chart. In order to avoid the partial appearance of labels at the corners, you can adjust the edge label placement for each axis. The default value is 'None', placing the labels at its own position. The other available options are 'Shift' and 'Hide'. The 'Shift' option will move the edge labels inside the axis bounds, whereas the 'Hide' option will hide the edge labels.

Configure spacing

  • Horizontal graph padding. The horizontal padding between your diagram and the edge of the image. The default value is 15 pixels.
  • Vertical graph padding. The vertical padding between your diagram and the edge of the image. The default value is 15 pixels.
  • Top title padding. The vertical space above your diagram title (in addition to the vertical space of the diagram). The default setting is 10 pixels.
  • Bottom title padding. The vertical space below your diagram title. The default setting is 10 pixels.
  • Bottom subtitle padding. The vertical space under the subtitle of your diagram (between subtitle and diagram). The default value is 10 pixels.
  • Top datasource padding. The vertical padding above your data source (between data source and chart). The default value is 10 pixels.
  • Bottom datasource padding. The vertical padding below your data source (in addition to the vertical space of the chart). The default value is 10 pixels.
  • Title alignment. The horizontal alignment of your diagram title. The default setting is centered.
  • Datasource alignment. The horizontal orientation of your data source (if selected). The default is left.
  • Logo alignment. The horizontal alignment of your logo (if selected). The default is on the right.

Adjust legend

  • Use hex codes? When the checkbox is activated, you can select colors based on hex codes (e.g. #000000 for black). Otherwise you can select your favorite color using the color picker (default setting).
  • Show legend? The legend is not displayed by default. If you want to show the legend, you have to activate the check box.
  • Show legend title? The legend title is not displayed by default. If you want to show it, you have to activate the checkbox.
  • Add legend title. In this text field you can enter the legend title.
  • Legend title color. Choose a color for your legend title.
  • Legend title font size. Select a font size for your legend title if you are unhappy with the one that is automatically generated.
  • Legend labels font size. Select a font size for your legend labels if you are unhappy with the one that is automatically generated.
  • Legend position. Select the position of your legend relative to the diagram. The default setting is "auto".

Adjust the order of the graphs

If you are unhappy with the default order of the graphs in your chart (e.g. because line chart is hidden behind an area chart), you can adjust the order here. The sorting is ascending, i.e. the graph with numbering "1st" is placed on the top layer. Your changes are only saved after you have pressed the button "Save changes!".

Advanced settings

  • Applied font. You can choose any font from the drop-down menu if you do not want to use our default font ("Roboto"). The selected font will be applied to all text on your diagram (i.e. diagram titles, captions, subtitles, etc.).
  • Data source font size. Select a font size for your datasource text if you are unhappy with the one that is automatically generated.
  • Hide mean and median annotations? If you have activated the average and/or median in the data settings, but you are not satisfied with the default annotations, you can hide them by activating this button.
  • Transpose axis? If you activate this switch, the default assignment of x-axis = description axis and y-axis = value axis is reversed. This can be helpful if you have many axis labels on your description axis.
  • Rotate annotations? If you activate this switch, the mean and/or median annotations are rotated by 90 degrees.
  • Hide plot area border? If you activate this switch the border around the cartesian chart will be hidden.
  • Chart title font size. Select a font size for your chart title if you are unhappy with the one that is automatically generated.
  • Subtitle font size. Wähle eine Schriftgröße für Deinen Untertitel, wenn Du mit der automatisch generierten unzufrieden bist.
  • Marker line charts. FOR LINE CHARTS ONLY: Markers are used to provide information about the exact point location. You can choose shape from the dropdown menu. The options are: 'None' (no markers will be shown, this is the default), 'Circle', 'Rectangle', 'Diamond' and 'Triangle'. 
  • Explode pie/donut charts? PIE AND DONUT CHARTS ONLY: If you activate this switch, all segments of your pie or donut chart will be exploded (activated by default).

Add graph details

  • Show title? When this check box is activated (it is enabled by default), the diagram title is displayed. Disable this checkbox if you want to hide the diagram title.
  • Show subtitle? If this check box is activated, you can add a subtitle to the diagram. The subtitle is placed between the diagram title and the diagram itself.
  • Add logo? When this button is activated, you have the possibility to select a logo from the gallery or another folder on your device. The logo will be placed under your chart. You can adjust the exact position under the spacing settings.
  • Add data source? By activating this button you can add a data source to your diagram. If you use a colon (:), all text before the colon will be bold and the rest of the text will be in regular format.
  • Select data columns. The data columns are the columns of your data table that are actually relevant for the diagram. For example, you might have a total of 10 columns in your table, but only want to display two in your chart. At least one column must be selected. You should also make sure that all data column values are valid numbers.
  • Select axis description. This corresponds to the horizontal or vertical (e.g. if you select a bar chart instead of a column chart) axis labels that are applied to your chart. Therefore you must select exactly one column as the axis label.

General settings

Default export settings

In the default export settings you can define the export settings that should be stored by default for each new chart. More specifically, the following options are possible:

  • Adjust resolution. The target resolution can be selected between low – normal – high – very high.
  • Adjuts aspect ratio. Es können verschiedene Seitenverhältnisse von  2:1 bis 9:16 ausgewählt werden. Alle derzeit möglichen Seitenverhältnisse sind: 2:1 – 1.91:1 – 1.78:1 – 1:1 – 4:5 – 9:16.
  • Social media formats. In the same way, you can set a specific social media format as default. We currently offer formats optimized for the following social media platforms: Instagram – Quora – Snapchat – Twitter. Aspect ratio and resolution are then set automatically.

Change CSV file settings

To enable you to import your CSV datasets regardless of the field separators and separators used, we offer the following settings:

  • Field delimiter. Depending on whether the individual column values in your CSV file are separated by a comma (,) or semicolon (;), you can set the corresponding values here.
  • Thousands separator. As thousand separator you can choose either the typical European notation with period (.) or the typical US notation with comma (,).
  • Decimal separator. As decimal separator you can choose either the typical European notation with period (.) or the typical US notation with comma (,). It is only important that the thousands and decimal separators are different.
en_USEnglish