Chart Developer

Chart Designer/Developer
  • Chart Developer using JavaScript at browser level uses client browser resources instead of server side resources
  • Supports different Charts Types
  • Easy to design and generate charts for Data Visualization
  • Can embed and integrate with other applications
  • No Additional software needed to install to run the application
  • Runs in all modern browsers using HTML 5.0, CSS and JavaScript
  • No Coding knowledge required
  • Best suitable for cloud computing environment
  • Chart Developer Running at browser level make it useful for distributed computing environment also.
  • Takes input in the form of HTML Table or JSON Table.
  • Designed by using HTML Canvas elements
  • Low code application platform
Dashboard development by 
Chart Developer using JavaScript@NoWheelJS.com

This Charting tool is to generate data visualization using JavaScript, HTML 5.0, and CSS with Low coding (No coding) by using the User Interface. The Software can be used without installing, and it works in all modern browsers. Data can be visualized before you select/choose the chart type. Template feature saves the design time and Chart can be saved as image to embed in other applications. This charting tool is most suitable for Distributed/Cloud computing environment.

How to create Charts using Chart Developer at browser level?


  • Browse the HTML table as shown below by clicking on chose file button under Data File Label.
  • Drag and Drop the fields under X-axis and Y-axis as shown below.
  • In this example under X-axis City Name is selected.
  • Under Y-axis Sales1, Sales2, Sales3, Sales4, Sales5 fields are selected.
  • Select the Color Theme from Beautification Tab by clicking on it. By this completes minimum requirement for chart selection.
  • Double Click on Canvas to select the Chart Type. Then Different charts are displayed for the data set as shown below.

Beautification
(for beautifying the chart)


It contains following features
  • Chart Title
  • X-axis Title
  • Y-Axis Title
  • Background color
  • Foreground color
  • X-Step size
  • Y-Step size
  • Width
  • Height
  • Left Margin
  • Right Margin
  • Top Margin
  • Bottom Margin
  • Legend Position
  • Value Position
  • Line Style
  • Item Renderer
  • Color Theme
  • X-Axis Font
  • Y-Axis Font
  • Save as
  • Termplate
Some of the fields are set to defaults to reduce the design time.

Chart Developer

Chart Types

Column Charts
  • Column
  • 3D Column
  • Cylinder
  • Cone
  • Pyramid
Bar Charts
  • Column
  • 3D Column
  • Cylinder
  • Cone
  • Pyramid
Line Charts
  • Line
  • Curved Line
  • Step
Pie Charts
  • Pie
  • 3D Pie
  • Doughnut
  • 3D Doughnut
Radar Charts
  • Stacked
  • Stacked Transparent
  • Arc
  • Polygon
  • Circle
Scatter Charts
  • Bubble
  • 3D Bubble
  • Bump
  • Lollipop
  • Equalizer
Area Charts
  • Normal
Wing Charts
  • Bar
  • Column
Pyramid Charts
  • Normal
  • Inverted
Motion Charts
  • Bubble
  • Bubble Tracked
  • Column
  • Column Tracked
  • Line Tracked
Other Charts
  • Sankey Diagram
  • Organization Chart
  • Word Trees
  • Chord Diagram
  • Radar Column Chart
  • Gnatt Chart without links
Timeline Charts
  • Horizontal
  • Vertical
Column / Bar Charts can be
  • Stacked
  • Stacked with Connected Line
  • 100% Stacked
  • 100% Stacked with Connected Line

Published by MadhuVeer DJ

Home maker

Join the Conversation

1 Comment

Leave a comment

Leave a ReplyCancel reply

Discover more from MyToolKit

Subscribe now to keep reading and get access to the full archive.

Continue reading

Exit mobile version