4 Websites to Create Beautifully Designed Infographics and Charts

Web tools increase the productivity in our daily lives, especially at work. Whether you need to visualize your data or present your ideas with a good design, the websites below will make your life easier.

Infogram

One of the most advanced and user-friendly tools to use for your creations. Infogram comes with templates for creating infographics, reports, dashboards, Facebook posts, charts, and maps. Its easy-to-use interface helps you to visualize your ideas in seconds.

Free version allows you to create up to 10 projects and 3 pages per project. Paid options start from $25/month.

Piktochart

If you are looking for a more affordable option for your infographics, give it a try to Piktochart. It focuses on infographics and presentations. Piktochart also offers features to create printables such as posters and flyers.

Free version provides a limited number of templates. Paid options start from $15/month. If you are a student/teacher, you can receive a huge discount which takes the price down to $40/year.

Canva

Canva gets attention by its wide selection of templates from social media materials to blogging and marketing designs. I especially enjoy Canva’s beautiful font types and designs.

Free version offers limited features and templates. Paid options start from $13/month.

Visme

When it comes to charts, Visme is one of the web tools that leads the way. Its extensive charting options and designs make every project faster and more beautiful. The site also offers advanced tools for creating presentations and infographics.

Free version allows you to create up to 3 projects. Paid options start from $19/month. Students/teachers can use the tool for $25/semester.

Solved: “Unknown server tag telerik:RadScriptManager”

If you are using third-party .NET component libraries such as Telerik or DevExpress, you may come across the error message below while trying to include controls in your page.

Server Error in ‘/TestASPNET’ Application.

Parser Error
Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: Unknown server tag ‘telerik:RadScriptManager’.

Solution

Make sure to include 2 DLL files below in your project references of Visual Studio:

  • Telerik.Web.UI
  • Telerik.Web.UI.Skins

If you are still receiving the error above, add a reference to your Telerik assembly in your web.config file. You can use the following lines to make this reference.

<system.web>
  <pages viewStateEncryptionMode="Always" controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
    <controls>
      <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>
    </controls>
  </pages>
</system.web>

Solved: “Unrecognized tag prefix or device filter ‘telerik'”

I came across “unrecognized tag prefix” error while trying to use Telerik’s ASP.NET AJAX controls. Here is how the error message looks like:

Warning – Unrecognized tag prefix or device filter ‘telerik’

Solution

  1. Make sure to add Telerik DLLs into the bin folder of your project
  2. Add the following handlers into your web.config file (in section):

    <pages>
          <controls>
            <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>
          </controls>
    </pages>
    <httpHandlers>
          <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>
          <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>
          <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>
          <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>
          <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>
    </httpHandlers>

Similar solutions apply to the same type of message for other components.