#chart html5

New Post has been published on http://www.htmluse.com/10-best-latest-html-plugins-and-games-for-2014-or-2015/

10 Best Latest HTML Plugins and Games for 2014 or 2015

If you are a Web Design and UI developer and searching some helpful HTML Plugins and Games for your development projects I think you are at the right place,

We have collected some helpful Best HTML Plugins and Games which will help you with your development project. These following HTML Plugins and Games are easy to install, configure and helpful and will help you to achieve required results rapidly.

I hope this collection useful for you. Enjoy!

—————————————————-

Kids Country Flag Quiz – HTML5 Game

Download & Demo

About the Game:

Kids Country Flag Quiz – HTML5 Game This is an educational matching game. Its goal is to teach the flag of different countries and their names to kids and can be very helpful for them. When you choose a flag, the name of its country will be said and then you have to choose the right name from the names visible at bottom of the screen. If you choose the right name, then its flag will disappear. You have to this for all flags. In each page, there are 5 flags and 5 names that you have to match and after clearing each page, you will go next one. The number of levels are unlimited and 5 random countries are choses for each level. This game includes the names and flags of all current members of United Nations (191 countries).

How to Play:

For playing this game, you can use touch in mobile devices or mouse in computer.

Features:

» HTML5 game » Unlimited Level » Supports touch » Works on all HTML5 browsers » Can be used in mobile devices & websites » Easy to personalize the game’s appearance » Easy to personalize the game’s sounds » Auto-resize (Responsive)

—————————————————-

My Critter

Download & Demo

Always wanted to own your virtual pet on the go? Kids will love to make their own pet to take care of! Play this simulator as you can design your own beast from scratch and become a great parent by feeding, bathing, and playing with your critter.

This is the ultimate virtual pet-like game to play. Your critter makes a true companionship.

—————————————————-

Pop Up!

Download & Demo

About:

Pop Up! is a simple HTML5 game requires speed and attention.

In live preview please close codecanyon header for better performance on mobile.

Features:

HTML5 Mobile Optimized

Ludei + Ads Supported

One Touch Control

Playable in all platforms (Mobile, PC, etc.)

Responsive

Autosave (Webstorage)

Including Constuct 2 file (.capx – all source)

—————————————————-

Smile Christmas Big Game Pack

Download & Demo

About the Pack:

This pack includes 8 different games with Christmas theme: 1- Christmas Puzzle 2- Santaball 3- Save the Santa 4- Angry Finches: Christmas! 5- 5 Slide Puzzle Games 6- Christmas Coloring Book 7- Build Your Snowman 8- Decorate the Christmas Tree

These games are separate from each other and you can edit each one individually.

—————————————————-

Christmas Card Flat Elegant

Download & Demo

The beauty of the design flat elements with elegant Christmas. All this in a beautiful snow globe! The card has snow effects and motion, and you can edit all text through xml. And you can select the font from the Google Fonts.

3 are different, elegant and modern styles. The file contains all the arts in photoshop format. So, you can edit all the elements!

You can see the animation on the tablet and phone, because the card was made with html5. Fully touch!

—————————————————-

Music player XML List jQuery Plugin

Download & Demo

Simple Music Player HTML5 with XML

This is a jQuery plugin music player standalone work only in modern browsers which support html5, easy embed in your html page load sounds dynamically from xml data.

jQuery plugin

Loaded from xml data

Standalone player

Play Mp3, Wav and Ogg files

Supported in mobile devices

Simple css customization

Knob style slider

Support html5 css3

IOS touch friendly

—————————————————-

Flappy Dark – Html5 Game

Download & Demo

Help Flappy Dark get where he’s going in the endless woody landscape! Watch out for the trees, they aren’t very soft! Fly between them with flappy dark precision.

—————————————————-

Tags – puzzle HTML5 game

Download & Demo

Gameplay: Click on the puzzle near the empty space to move it. In case of difficulty you can view entire image by press “Spy”. To start the level again press “Reset”.

Features: Interesting and relaxing game. 12 beautiful photos. Everyone will find a picture on his taste. Adjustable level of difficulty (from beginner to professional). Pleasant background music and sounds. The game has no age restrictions. Game use PixiJS framework and Sound JS to sound output.

Package include: All game source code ready to play All game graphics assets (for GIMP and Adobe Photoshop) Icons and screenshots

—————————————————-

Asteroids Game – Multiplayer – HTML5

Download & Demo

Asteroids Game – Multiplayer is an asteroids / geometry wars styled HTML5 multiplayer game. It’s written using Node.js and HTML5. It currently runs natively in Chrome 5+, Safari 5, Firefox 4+ and Opera 10.70+. It also runs somewhat in IE9 and older Browsers using a Flash fall back for WebSockets. You can play alongside five other players, destroying asteroids that rush towards you, it is a team game where you must survive together.

Features

– Multiplayer Game

– Node.js server

– The game is completely customizable

– Ranking at the end of the game

– Tutorial

– Mass fun !

– Canvas

– Sound effect

– Recording system when the server is offline

—————————————————-

tVideo Player – HTML5 video player (with playlist)

Download & Demo

Advantages: – Easy to install on any site. – Supports all latest versions of browsers. – Responsive design. – Unlimited number of video adverts / sequences. – Video controls – Video description, Title, Poster – Social sharing – Animated transitions between video – CCS3 animation – Font Awesome icon – No image – Loop playlist – Support formats: – mp4; – webm; – ogg; – 5 version: – Full Page; – In container with Playlist; – In container without Playlist; – In container without Playlist and BG; – In container without Playlist and BG and Shadow; – Automatic exchange format for browsers

New Post has been published on http://www.htmluse.com/horizontal-responsive-bar-chart/

Horizontal Responsive Bar Chart

Download   Demo

The plugin Creates a responsive horizontal bar chart using HTML5, jQuery & CSS.

The plugin uses the data-number attribute for the graph length.

jQuery will then cycle through all the selector’s and find the one with the highest number. That number will be used as 100% base point and make the rest of the bars relative to that number.

1. INCLUDE CSS AND JS FILES

<link href="build/css/style.css" media="all" rel="stylesheet" type="text/css" /> <script src="src/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="src/js/horizBarChart.js" type="text/javascript" charset="utf-8"></script>

2. HTML

<ul class="chart"> <li><span class="bar" data-number="38000"></span><span class="number">38,000</span></li> <li><span class="bar" data-number="134000"></span><span class="number">134,000</span></li> </ul>

3. JAVASCRIPT

$('.chart').horizBarChart();

4. OPTIONS

You can also adjust the plugin using the following options: