Blog

I remember my school years and those long evenings spent by painting a family tree. It was the first time in life when I faced the inevitable consequences of a poorly planned work – the sheet of paper unexpectedly came to an end and I had to redraw the scheme from the very beginning. That was a fail!

Organogram

 

Time has passed and new technologies stepped into our lives offering a number of tools for that trivial task. I also saw that the big world is built around the same hierarchical schemes used everywhere: from simple IT org charts to multi-department companies’ hierarchy.

And although there’s a number of tools for manual drawing of organograms, drawing itself is no longer needed. Now I can simply pass the data into a cute Webix organogram widget and feast my eyes upon the ready-made chart in the browser!

No magic, just code (and Webix Pro): Read more


Webix offers a number of possibilities to nicely visualize linear data – bar, pie, area, scatter and radar charts – to match any use case. But what can be done if hierarchy matters?  You may think of a Webix Tree as the first and foremost widget as it perfectly shows parent-to-child relation. But that’s almost all about its visualization abilities.

For more powerful tools we should look into the PRO package that includes Organogram (a tree-like diagram ) and TreeMap. We will pay a closer attention to the Webix TreeMap as it is the only Webix widget that can display hierarchical data on a proportional  basis.

The simplest initialization code is brief:

webix.ui({
     view:"treemap", value:”#value#”,  
     template: function(item){  return item.label||""; },
     data:data
});

And you get the following output:

TreeMap_Basic
Read more


Whoop whoop, finally Batman vs Superman is on the screen. But what we really expect is the new Iron Man against Captain America ( you can guess from the picture who we are cheering for) :)

Webix extentions

 

This spring several films about superheroes will appear on the screen. Being inspired by this fact, we have decided to conduct a brief overview of our own heroes – Webix extensions, including a new widget – Spreadsheet which has recently joined the team.

Spreadsheet

Haven’t heard about THIS cool widget yet? We can tell you about it! Webix SpreadSheet is a JavaScript and HTML5 widget that can be used for building easy-to-use and feature-rich spreadsheets. The widget is similar to Excel or spreadsheet in Google docs. Being fully client-side it can load data either from plain JSON or database or even Excel document. Read more


Webix FAQ: Licenses

Hey everyone!

New week, new beginning. The number of our subscribers and customers is growing, and we are certainly pleased with that. :) But the more customers appear, the more questions are asked. As a result, the idea of creating a series of articles considering answers on questions related to a particular topic was born. Today we’ll speak about Webix License.

Webix license

 

There are a couple of ways of how you can get our product:

  1. you can download free Trial version, to start and to try our Pro Edition, which has advanced functionality, goes under Webix Developer license and can be distributed in commercial projects. You can use Webix trial version for 1 month only.;
  2. you can download Standard Edition, which has standard functionality, goes under Open source (GNU GPLv3) and can’t be distributed in not open source projects;
  3. and finally, you can purchase any of our existing licenses, receive an email with the link, download the package and start developing.

Read more


Hi everybody. Today we will be speaking about Webix ways to optimize server-client communication in case of huge data. Those of you who are happy to fetch long datasets at once, please raise your hands!

Webix dynamic loading

 

Just as I’ve expected, nobody’s here.  Everybody has gone to dynamic loading which is implemented very easily with Webix data components.

webix.ui({
    view:"datatable", url:"mydata.php", datafetch:100
});

Initially, a limited number of records (e.g. 100) is loaded, while further requests are triggered by scrolling or paging automatically. Guys, isn’t it nice?

Still, such a pattern requires quite a specific format of a server response –  {data:[ /*array of records*/], pos:0, total_count:100  } – and you may ask yourself: “So what should I do, if I cannot tune the response or I don’t know the total length of server-side data?” Indeed, there are lots of web services that do not provide such information.

The article below shows the solution that relies totally on Webix public API and can be built by any of you. Read more