Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
iOS & Android custom development
We'll take our iOS & Android Figma templates, adjust with custom styles, create necessary layouts, and turn the system into production-ready Flutter templates. You'll get powerful design & code system which help you to produce more layouts in future by minimal costs.
How to reach you out?
Your budget
URL (optional)
We used to reply ASAP
Material Design custom development
We'll take our Material & Dashboard Figma libraries, adjust with your brand guidelines, create all the additional necessary layouts, and turn the system into responsive web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Your development budget
URL (optional)
We used to reply ASAP
Matrix charts, Treemaps, Bullet charts, Distribution plots, Financial candlestick charts, Cohort charts, Gantt, Hexbin, Radar & Polar charts and many more in a business pack of Graphz Extended

Figma data design

EXTENDED PACKAGE • DATA VISUALIZATION • FOR BUSINESS

Roadmap charts

A product roadmap is typically performed in the formation of a Gantt chart – a model of horizontal bar chart that represents the duration and timing of an amount of jobs or initiatives in all one area.

Timeline charts (vertical example)

A timeline is a type of chart which visually shows a series of events in chronological order over a linear timescale. The power of a timeline is that it is graphical, which makes it easy to understand critical milestones, such as the progress of a project schedule.

Gantt for Task Management

A Gantt chart is a type of bar chart that illustrates a project schedule, named after its inventor, Henry Gantt, who designed such a chart around the years 1910–1915. Modern Gantt charts also show the dependency relationships between activities and current schedule status.

Gantt for Production

This generic production Gantt chart example shows what a typical manufacturing process might look like. Using a Production chart to layout out the steps involved in manufacturing helps streamline the project, maximizing throughput

Cohort charts

Cohort analysis is a subset of behavioral analytics that takes the data from a given dataset and rather than looking at all users as one unit, it breaks them into related groups for analysis. These related groups, or cohorts, usually share common characteristics or experiences within a defined time-span.

Matrix charts

Matrix chart shows relationships between two or more variables in a data set in grid format. Essentially, the matrix chart is a table made up of rows and columns that present data visually and can be seen as the visual equivalent of a crosstabulation that divides data between the variables.

Hexbin charts

Binning is a technique of data aggregation used for grouping a dataset of N values into less than N discrete groups. The simplest binning method uses hexagon tiles instead of classic squares, and for most purposes this suffices, taking advantage of its computational simplicity.

Co-occurrence matrix

A co-occurrence matrix or co-occurrence distribution is a matrix that is defined over an image to be the distribution of co-occurring pixel values at a given offset. The offset, is a position operator that can be applied to any pixel in the image: for instance, could indicate "one down, two right".

Distribution plot

The distribution plot is suitable for comparing range and distribution for groups of numerical data. The distribution plot visualizes the distribution of data. It is not relevant for detailed analysis of the data as it deals with a summary of the data distribution

Scatter plot

A scatter plot is a two-dimensional data visualization that uses dots to represent the values obtained for two different variables - one plotted along the x-axis and the other plotted along the y-axis. For example this scatter plot shows the height and weight of a fictitious set of children.

Bullet graph

A bullet graph is a variation of a bar graph developed by Stephen Few. Seemingly inspired by the traditional thermometer charts and progress bars found in many dashboards, the bullet graph serves as a replacement for dashboard gauges and meters

Candlestick chart

A candlestick chart (also called Japanese candlestick chart) is a style of financial chart used to describe price movements of a security, derivative, or currency. Each "candlestick" typically shows one day, thus a one-month chart may show the 20 trading days as 20 "candlesticks".

Treemapping

In information visualization and computing, treemapping is a method for displaying hierarchical data using nested figures, usually rectangles.

Spie charts

A variant of the polar area chart is the spie chart designed by Dror Feitelson. This superimposes a normal pie chart with a modified polar area chart to permit the comparison of two sets of related data. The base pie chart represents the first data set in the usual way, with different slice sizes.

Radar charts

A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point. The relative position and angle of the axes is typically uninformative
Questions and Answers
Which license type should I choose?
You must select proper license type according to the amount of employees in your company. If you're a freelancer or individual player - pick a Single license. If you're representing a small business with total amount of 2-10 employees - pick a Business license. For big companies with 11+ employees Enterprise license is the best fit.
Can I build commercial projects with this design system?
Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
How to avoid "File failed to import..." in Figma?
In some rare occasions, the import is finishing with an error. It's on Figma's side. Figma is sensitive to your machine GPU and RAM. For the first, try to re-import via the browser app. Yes! Figma works in the browser. Simply open figma.com, then sign in and drag and drop .FIG file again. For the second, if there's no effect, you can message us and we will send you a direct link for your copy, so you can duplicate it and start. Don't panic, you will get your system in any case!
Your design is awesome, but I need the code as well...
We're open minded for your development inquires. If you're looking for a front-end solutions based on our design products, simply drop us a line describing your preferences and budget. We can code for React, Angular and VUE.
Powerful design kit with charts templates for dashboards, presentations, visualizations

COMPONENT-DRIVEN CHART SYSTEM