• Skip to primary navigation
  • Skip to main content
  • Skip to footer
WittySparks Logo White

WittySparks

Ignite Your Thoughts

  • Topics
  • Reviews
  • Subscribe
WittySparks / Technology / Programming / Create Dynamic Charts using CSS and Javascript with Running-Charts

Create Dynamic Charts using CSS and Javascript with Running-Charts

Programming July 17, 2010 by Sravan Kumar Kandagatla

Mera-soft introduces a new, easy, and cool way to show charts on web pages that too without using any pictures and plugins – only JavaScript in connection with CSS and HTML is needed, so the charts can be updated with Ajax technology without reloading the entire web page.

Create Dynamic Charts using CSS and Javascript with Running-Charts
Create Dynamic Charts using CSS and Javascript with Running-Charts

An innovative new way to show JavaScript charts on web pages is presented by Mera-soft at Running-Charts.com. The charts do not use any plugins, pictures, or Flash. Even Canvas or SVG is not needed, only CSS and HTML. So it works with Firefox, Chrome, Safari, Opera, IE 8.0, IE 7.0, and even with IE 6.0! The slim library is designed for use in Ajax-driven websites and is optimized for speed.

The library is fully configurable and provides, together with the possibilities of CSS, full customizability for own solutions and individual look and feel. As the background of the painted charts is transparent and the charts are moveable, the end-user has more options for their own requirements with running-charts.com.

Also, the support for autoscaling makes it easy to handle unknown data or unexpected data events. With running-charts.com it should be easy to clone the most charts visible on web pages – with the difference that the new charts are dynamically updated with actual data and do not need any plugins for that. Another result will be lower Server traffic because of fewer page reloads.

The JavaScript library can update the chart without connection to any server if the data comes from the client computer.

A copy and paste example at running-charts.com makes it easy to start on your own website with dynamically painted charts. The documentation for the JavaScript API is also located at running-charts.com.

The library is available in different editions: The free edition is without readable source code and needs a backlink to running-charts.com. The standard edition is also without a readable source but can be used without a backlink.

The developer, team, and enterprise editions are all with source code and can use without a backlink. The differences between the developer, team, and enterprise editions are the number of developers and websites where they can be used at the same time.

Appreciate your opinion on this topic on social media by tagging us @wittysparks
  • LinkedIn
  • Twitter
  • Like
  • Pinterest

Related Topics

  • Simple jQuery Zebra Stripe Table with Row Hover and Highlight class
  • Ways to build Style Sheet Switcher for your own web site
  • 26 Best ways to implement AJAX, CSS, and Javascript-based Tabs

Our Favorite Tools

Semrush - SEO and Marketing Tools
Semrush - SEO and Marketing Tools
$119.95/mo
Try for FREE Our Review
Lasso - All-in-one Affiliate Marketing Plugin for WordPress
Lasso - All-in-one Affiliate Marketing Plugin for WordPress
$29/month
Start Free Trial Our Review
Grammarly - AI-powered writing assistant
Grammarly - AI-powered writing assistant
$12.00 / month
Try for FREE Our Review
Previous Post: « FIFA 2010 World Cup : Forthcoming Semi-Finals Clash
Next Post: New Los Angeles Folk Festival begins August 7,2010 »
Profile picture for Sravan Kumar Kandagatla

About Sravan Kumar Kandagatla

Founder of WittySparks
WittySparks Staff

Sravan is a highly experienced web designer, user experience designer and developer. You can connect with him on Twitter or LinkedIn and initiate a chat.

View all posts by Sravan Kumar Kandagatla
  • LinkedIN
  • Twitter
  • Pinterest
  • Facebook
  • Instagram

Footer

Search

Exclusive Coupons

  • Moqups Review - Use coupon code “WITTYSPARKS" for 20% off or "PARTNERS50" for 50% discount on all plans.
  • Serpstat Review - Use coupon code "wittysparks_discount" for 30% off.
  • WPForms Review - Use coupon code "WITTYSPARKS" for 50% off.
  • WPPayForm Review - Use coupon code "wittysparks" for 10% to 40% off.

Affiliate Disclosure

If you make a purchase from WittySparks links, we will receive a small commission. See our Affiliate Disclosure.

Sponsors

Partnered with FreePik to use the licensed images.

turn to dhgate for smartphone

Follow Us

  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn
  • Instagram
  • YouTube
  • RSS

Copyright © 2022 · Hosting sponsored by Rocket.net (Affiliate link)

  • About Us
  • Contact Us
  • Privacy Policy
  • Affiliate Disclosure