• jquery solution,  useful tips and tricks

    Pie Chart

    Pie and Doughnut Charts The pie chart comprises of a circle that is divided into sectors, each representing a proportion of the summation of all values in a dataset. The chart is useful in depicting the share of constituents as part of the whole. The magnitude of the dependent variable is proportional to the length of the arc on the circumference of the graph. Radial lines are used to connect the arcs to the center of the circle, thus dividing the pie into slices. A variation of the pie chart, the doughnut chart has a blank space at the center to show useful information about the data being plotted. It…

  • jquery solution,  sass

    SVG cute ghost animation

    Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. SVGs can be styled and animated with CSS (slides). Basically, any transformation or transition animation that can be applied to an HTML element can also be applied to an SVG element. But there are some SVG properties that cannot be animated through CSS that can through SVG. An SVG path, for example, comes with a set of data (a d="" attribute) that defines that path’s shape. This data can be modified and…

  • jquery solution,  useful tips and tricks

    Multiple option selector

    Having drop downs on our web page enhances the overall quality and design on the screen. A drop-down thus works as an alternative and in specific cases, a better option, as compared to radio buttons and checkboxes. Wait, what? Did we say an alternative to both radio buttons and checkboxes? But, it should have been just the radio button, shouldn’t it? A radio button does not allow more than one selections and a checkbox, on the other hand, allows one or more than one selections. A user can select only one option from a drop-down list and therefore it resembles just the radio button in its functionality and not the…