JpGraph Library Plugin - Trial?

Get help from other users here.

Moderators: Developer, Contributor

Post Reply
carol1988
Posts: 2
Joined: 05 May 2018, 14:31

JpGraph Library Plugin - Trial?

Post by carol1988 »

evoGraphs - A jQuery Plugin to Create Web Accessible Graphs
evoGraphs A jQuery plugin to create web accessible graphs. By Ather Sharif This video presentation describes a jQuery plugin that allows users to create fully dynamic, stylish and customizable graphs that are easily read by screen readers. The Problem Graphs are widely used across the Web but its interpretation still remains a highly challenging task for people with vision impairment. Image based graphs are solely dependent on the ALT tags, which might be missing, inaccurate or sparse. Dynamic and interactive graphs can be ambiguous and difficult to navigate using screen readers.

Let's look at some examples. We used Google Docs to create online charts based on a sample data set we created to describe favorite movie genres among classmates. The data was used to generate the pie chart and the bar chart, and publish them online. We generated the graphs in both image and interactive formats. Here is how the screen reader interpreted them.

A chart. Group, with 2 items. A chart. Group, with 20 items. Favorite Movie Genre among classmates.


Action. Thriller. Horror. 7.8%.

Scifi. 13.4%. Family. 8.

9%. Comedy. Suspense. Comic. 10.

8%. Animation. 16.8%. Menu.

8 items. Closing menu, pubchart, image. We also tested graphs from chartjs.org and found them to be invisible to screen readers. Here's a live example.

Heading level 3, Introduction. A bar chart is a way of showing data as bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side. Heading level 3, Example usage. Proposed Solution We are proposing a graph solution that allows creation of dynamic and stylish graphs with the capability of being screen reader friendly.

This plugin is fully customizable to suit the needs of the user, and comprises of HTML, CSS and jQuery components, which reduce the page load time significantly.



Current customization options allow the choice of selecting a horizontal bar graph, vertical bar graph, or pie chart. Let's look at some accessible graphs in action. This is a pie chart. Its title is Favorite Movie Genre.

It contains 12 genres. Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9% of the total data set.



The next genre is Romance with a total number of favorites of 94, which is 12.9% of the total data set.

The next genre is Animation with a total number of favorites of 93, which is 12.8% of the total data set. This is a vertical bar chart. Its title is Favorite Movie Genre. It contains 12 genres.

Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9% of the total data set. The next genre is Romance with a total number of favorites of 94, which is 12.9% of the total data set. The next genre is Animation with a total number of favorites of 93, which is 12.





8% of the total data set. The next genre... This is a horizontal bar chart.

Its title is Favorite Movie Genre. It contains 12 genres. Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9% of the total data set. The next genre is Romance with a total number of favorites of 94, which is 12.

9% of the total data set. The next genre is Animation with a total number of favorites of 93, which is 12.8% of the total data set...





... Comedy is the last genre and has the smallest total number of favorites of 11, which is 1.6% of the total data set.

The mean is 61. The standard deviation is 28.7. Testing on Touchscreen devices. This is a vertical bar chart.

Its title is Favorite Movie Genre. It contains 12 genres. Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9% of the total data set. The next genre is Romance with a total number of favorites of 94, which is 12.

9% of the total data set. The next... This is a pie chart.

Its title is Favorite Movie Genre. It contains 12 genres. Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9% of the total data set.



The next genre.

.. This is a horizontal bar chart. Its title is Favorite Movie Genre. It contains 12 genres.

Suspense is the first genre and has the largest total number of favorites of 94, which is 12.9%... Usage Step 1: Including jQuery library evoGraphs requires jQuery standard library to function.

Please make sure it is included in the head tag. The first step is to add the evoGraphs jQuery library. Step 2: Including style sheets The second step is to add the evoGraphs style sheet. Step 3: Initializing script In order to initialize the plugin, users can specify the data for the graph.



The data is specified as a combination of categories and numeric values.

Step 4: HTML Integration The last step is to add the evoGraphs to the web page. Users can add the graphs anywhere on their webpages. Step 5: Customization The evoGraphs plugin allows customization of graphs to a great extent. Users can customize the type, width and height, or radius, bar colors, title, title color, and choose to display the legend, percentages, mean and standard deviation among other things. For detailed documentation, please visit http://evoxlabs.org/whitecane/evographs. Future Work Inclusion of more graph types. Development of a conversion tool for image-based graphs. Extension of this plugin to incorporate D3 Visualizations. Thank you for watching this video.
List app:
https://www.amazon.com/gp/product/B0996B4X5Y
https://www.amazon.co.uk/gp/product/B0996B4X5Y
https://www.amazon.de/gp/product/B0996B4X5Y
https://www.amazon.com.au/gp/product/B0996B4X5Y
https://www.amazon.com.br/gp/product/B0996B4X5Y
https://www.amazon.co.jp/gp/product/B0996B4X5Y
https://www.amazon.in/gp/product/B0996B4X5Y
https://www.amazon.de/gp/product/B0996B4X5Y
https://www.amazon.es/gp/product/B0996B4X5Y
https://www.amazon.fr/gp/product/B0996B4X5Y
https://www.amazon.it/gp/product/B0996B4X5Y
Last edited by carol1988 on 23 Jul 2021, 02:13, edited 2 times in total.
Starbuck
Posts: 219
Joined: 14 Feb 2006, 02:53
Location: USA
Contact:

Re: JpGraph Library Plugin - Trial?

Post by Starbuck »

I want to try Ganttchart but need JpGraph to enable it, this needs a paid for version of mantis
For the Mantis GanttChart Plugin, I believe you meant to say that Gantt charts in JpGraph require a license?

If you need a trial of that I believe you'd need to ask the JpGraph people.

With FOSS, trials are kinda rare, because once you have the software .... you have the software ...

Am I misunderstanding anything?
If you want Mantis to work differently, use or create a plugin. Visit the Plugins forums.
Ask developers to create a plugin that you need - and motivate them to help you!
Post Reply