Tag: chart

Gestalt psicology for dataviz

Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz

Why component properties will save your design system

Figma dropped some huge new features this month and you need to embrace them A design toolkit is only as good as the tools in it. New Figma features just gave your tools a lot more power. Photo by Cesar Carlevarino Aragon on Unsplash Figma has had a big year. Sure, it surpassed 4 million users and… Continue reading Why component properties will save your design system

27 Professional PowerPoint Presentation Templates

36 Shares An elegant, fashionable & versatile PowerPoint presentation templates. Minimalist presentation templates for eye catching and professional work presentation. PowerPoint templates are multipurpose templates that can be used for any type of business presentation. Modern template design that includes creative photo layouts, infographics, tables, vector icons, maps, diagrams and tons of great features to show… Continue reading 27 Professional PowerPoint Presentation Templates

Seobase Review: Powerful SEO Tool for Keyword Analysis

4 Shares SEO is becoming more complicated than ever with so many different keywords to manage. However, in this regard, one amazing thing that I have come across is seobase, a SEO platform that helps you in increasing the efficiency and productivity of the content that you put online. The best thing about this SEO… Continue reading Seobase Review: Powerful SEO Tool for Keyword Analysis

CSS Charts: How to Create a Horizontal Organizational Chart

In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one.  CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart

26 Best Annual Report Brochure Templates For 2020

28 Shares Creative 2020 Annual Report Templates brochures for business profile, annual report 2020, agency brochure or company brief. Annual report brochure templates are very clean and elegant. Create your company’s documentation quick and easy. These templates comes with paragraph and character styles, swatches, styles for your spreadsheet / financial info, block quotes, key figures… Continue reading 26 Best Annual Report Brochure Templates For 2020

CSS Charts: How to Create an Organizational Chart

In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart

Rethinking the design of the race and ethnicity question on surveys

[unable to retrieve full-text content] Image courtesy of NASA via Unsplash: https://unsplash.com/photos/Q1p7bh3SHj8 Note to readers: I wish I had more resources and funding to really do justice to a project like this. For the time being, however, this was just a design challenge born out of getting annoyed by race and ethnicity questions. This work… Continue reading Rethinking the design of the race and ethnicity question on surveys

Exciting New Tools for Designers, August 2020

The common theme in this month’s collection of new tools and resources is “things that help you show off your work.” Many of these tools are made to help you better web products or apps or showcase designs with others. Here’s what new for designers this month. Naturaltts Naturaltts is an online text to speech… Continue reading Exciting New Tools for Designers, August 2020

3 Essential Design Trends, May 2020

The state of the world around us can greatly impact website design. From emotional changes that correlate to the feel of a design to information and data to deliver, the impact of the worldwide COVID-19 pandemic is making its way into projects (intentionally or not). Here’s what’s trending in design this month. 1. “Unbalanced” Use… Continue reading 3 Essential Design Trends, May 2020

Best WordPress Magazine Themes for Blog and News Websites

When it comes to magazine and news websites, WordPress is top of the bill.  Well-known news sites like The New York Times, TechCrunch, CNN, Reuters, Mozilla’s Blog, and many others use WordPress as their platform of choice, highlighting just how scalable WordPress blogs can be. Online News Consumption is Rising Precise digital circulation for online magazine and news is… Continue reading Best WordPress Magazine Themes for Blog and News Websites

How to Create Simple and Inexpensive Business Web apps with Great Design

Low-cost web solutions often have uninspiring or even, to put it mildly, primitive design. By looking at this kind of an interface, users would rather have a nap than commit themselves to work. Nevertheless, several decision-makers prefer to rely on the solution’s functionalities, which is surely wise. But at the same time, they miss the… Continue reading How to Create Simple and Inexpensive Business Web apps with Great Design

9 Best Bitcoin And Cryptocurrency Plugins For WordPress

Cryptocurrency has changed the vertical of currencies with maximum impact. Specifically, Bitcoin has managed to garner all the attention and market favoritism in recent times. Providing a new edge to currency exchange, Cryptocurrency is no more a hit and miss for the experts. With a lot of people getting on board with the idea of… Continue reading 9 Best Bitcoin And Cryptocurrency Plugins For WordPress

Solving Problems With CSS Grid: The Gantt Chart

We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart

Illustrator Tutorials: 31 New Illustration, Drawing Vector Tutorials

Fresh free Adobe Illustrator tutorials to learn drawing, digital vector illustration and character illustrations. Adobe illustrator is widely used to draw illustrated portraits, background illustrations and many more useful  illustrations. Illustrator Tutorials are the best way to learn how to create professional vector graphics and illustrations. These tutorials will provide’s a lot of help, step by step presentation of a thing… Continue reading Illustrator Tutorials: 31 New Illustration, Drawing Vector Tutorials

9 Popular WordPress Plugins that Designers and Developers are Using

The WordPress website and blog creating platform’s popularity just keeps on growing. It’s not just the numbers of new users that are flocking to WordPress give evidence of this popularity. It’s the thousands of themes and plugins that have been designed to work with the platform. As a result, WordPress keeps getting more flexible and… Continue reading 9 Popular WordPress Plugins that Designers and Developers are Using

The Anatomy of Flat CMS

With the advances in technology, users and search engines alike are demanding better and faster websites. Even Google is obsessed with speed on the web. Because of that, online services are also eager to improve their performances. And that’s where Flat-file CMS comes into the scene. When building a website, it can be confusing what solutions… Continue reading The Anatomy of Flat CMS

Download Free Mandala Business Cards (exclusive)

Our friends from Freepik shares today on Designbeep with all our readers a complete pack that includes an amazing variety of free Mandala Business Cards that you can use in your design projects. Each mandala card comes with .AI and EPS files and you can use,share or modify these cards both for your personal and… Continue reading Download Free Mandala Business Cards (exclusive)

7 New & Free WordPress Plugins

WordPress plugins are quite a useful commodity as they allow designers and developers to bring in some additional functionality into their website or blog. WordPress plugins are specially popular in designing community because of their widespread variety and easy availability. In this post, we are also presenting a fresh collection of 7 new and free… Continue reading 7 New & Free WordPress Plugins

Billboard.js – Re-usable Easy Interface JavaScript Chart Library

billboard.js is a re-usable easy interface JavaScript chart library, based on D3 v4+. Chart generation is super easy. With detailed options, you can create chart instantly. Billboard.js works on D3 v4+ and every code was written as ESM(ES Module) with ES6+ syntax. Billboard.js is forked project of the popular C3.js. You can migrate with the… Continue reading Billboard.js – Re-usable Easy Interface JavaScript Chart Library

How to Draw Bar Charts Using JavaScript and HTML5 Canvas

In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas

Designing Charts — Principles Every Designer Should Know

Use real data in your chart mock ups Designers have a tendency to create the most beautiful version of a chart possible without any regard to the real data that it needs to handle when it’s actually implemented. This can cause endless headaches for the developers trying to build this thing you designed, and even more… Continue reading Designing Charts — Principles Every Designer Should Know