SlideShare a Scribd company logo
1 of 9
Download to read offline
To show the different
types of graph in MVC
application
By
Ajay Kumar
Introduction




A graph is an image that represents data
symbolically.
A graph is used to present complex
information and numerical data in a simple,
compact format.
Why we need to show the data in graph
Graph is a attractive way to show the data. there are
many types of graph. it depends on data in which way
we want to show the data in graph.
whenever we see the news we see the sensex graph,
in cricket batting or bowling graph, or company growth
graph, salary growth.....it is simple representation of
growth of the company, growth of the salary.
Nobody want to read the complex data. they want to
see the data in easy way like graph/Image which they
can understand easily. we can show the growth in
graph by year/month/days.
Different types of graph
•

Pie chart

•

Bar chart

•

Line chart

•

Column chart

•

Geo chart

•

Area chart
How to make graph using google chart
I am using two ways to implement chart in MVC.


.

JavaScript - use google chart function.
•

google chart Url - send a data and return
image

https://chart.googleapis.com/chart?chs=250x250&cht=pc&chco=463AA6|
BBCCED&chd=t:5,3,7,2&chdl=Rice(5)|Dal Roti(3)|Milk(7)|
Paneer(2)&chdlp=t&chts=090000,12&chtt&chco=FF9900|000000|B5B5B5|
004800|DF0000|0000D4|00FF00|76A4FB|FFFF88|990066
Complex data example

MCTS
HTML
Java
.Net

January February March April
10
8
5
9
12
14
18
4
5
7
8
13
14
8
10
10
Show the data in graph
Graph In MVC

More Related Content

Viewers also liked

This presentation will discuss all the different graphical
This presentation will discuss all the different graphicalThis presentation will discuss all the different graphical
This presentation will discuss all the different graphical
hadilasharif
 
Graphic styles and colour theory presentation
Graphic styles and colour theory presentationGraphic styles and colour theory presentation
Graphic styles and colour theory presentation
haverstockmedia
 
Statistical Relationships
Statistical RelationshipsStatistical Relationships
Statistical Relationships
mandrewmartin
 
Leaflet, pamphlet and booklet
Leaflet, pamphlet and bookletLeaflet, pamphlet and booklet
Leaflet, pamphlet and booklet
Preeti Sood
 
Graph Types
Graph TypesGraph Types
Graph Types
lindy23
 
Types Of Charts
Types Of ChartsTypes Of Charts
Types Of Charts
wmassie
 
Research Report Writing
Research Report WritingResearch Report Writing
Research Report Writing
Meghana Sudhir
 

Viewers also liked (20)

Types of graphs
Types of graphsTypes of graphs
Types of graphs
 
This presentation will discuss all the different graphical
This presentation will discuss all the different graphicalThis presentation will discuss all the different graphical
This presentation will discuss all the different graphical
 
Graphic styles and colour theory presentation
Graphic styles and colour theory presentationGraphic styles and colour theory presentation
Graphic styles and colour theory presentation
 
Flyer Printing and Dstribution Ideas
Flyer Printing and Dstribution IdeasFlyer Printing and Dstribution Ideas
Flyer Printing and Dstribution Ideas
 
A family tree of graph types
A family tree of graph typesA family tree of graph types
A family tree of graph types
 
Banner,poster,pamphlet
Banner,poster,pamphletBanner,poster,pamphlet
Banner,poster,pamphlet
 
Leafletpresentation
LeafletpresentationLeafletpresentation
Leafletpresentation
 
Statistical Relationships
Statistical RelationshipsStatistical Relationships
Statistical Relationships
 
Intro to Graphing Data Powerpoint-7th and 8th Grade
Intro to Graphing Data Powerpoint-7th and 8th GradeIntro to Graphing Data Powerpoint-7th and 8th Grade
Intro to Graphing Data Powerpoint-7th and 8th Grade
 
Leaflet, pamphlet and booklet
Leaflet, pamphlet and bookletLeaflet, pamphlet and booklet
Leaflet, pamphlet and booklet
 
Poster, Banner and Pamphlete Materi B. Inggris Kelas XI
Poster, Banner and Pamphlete Materi B. Inggris Kelas XIPoster, Banner and Pamphlete Materi B. Inggris Kelas XI
Poster, Banner and Pamphlete Materi B. Inggris Kelas XI
 
Graph Types
Graph TypesGraph Types
Graph Types
 
Leaflet presentation
Leaflet presentationLeaflet presentation
Leaflet presentation
 
Types of graphs
Types of graphsTypes of graphs
Types of graphs
 
Types Of Charts
Types Of ChartsTypes Of Charts
Types Of Charts
 
Graphical representation of data mohit verma
Graphical representation of data mohit verma Graphical representation of data mohit verma
Graphical representation of data mohit verma
 
Leaflet Writing presentation
Leaflet Writing presentationLeaflet Writing presentation
Leaflet Writing presentation
 
Graphical Representation of data
Graphical Representation of dataGraphical Representation of data
Graphical Representation of data
 
Leaflets and Brochures
Leaflets and BrochuresLeaflets and Brochures
Leaflets and Brochures
 
Research Report Writing
Research Report WritingResearch Report Writing
Research Report Writing
 

Similar to Graph In MVC

Gireesh_Updated_Resume
Gireesh_Updated_ResumeGireesh_Updated_Resume
Gireesh_Updated_Resume
gireesh e
 
JIBODH JHA-MIS
JIBODH JHA-MISJIBODH JHA-MIS
JIBODH JHA-MIS
jibodh jha
 

Similar to Graph In MVC (20)

Charlotte Front End - D3
Charlotte Front End - D3Charlotte Front End - D3
Charlotte Front End - D3
 
Data Visualizations with D3.js
Data Visualizations with D3.jsData Visualizations with D3.js
Data Visualizations with D3.js
 
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
 
SQL Saturday #188 Portugal - "Faster than the speed of light"... with Microso...
SQL Saturday #188 Portugal - "Faster than the speed of light"... with Microso...SQL Saturday #188 Portugal - "Faster than the speed of light"... with Microso...
SQL Saturday #188 Portugal - "Faster than the speed of light"... with Microso...
 
A guide to Mapping the Whole Enterprise -Enterprise Evolver
A guide to Mapping the Whole Enterprise -Enterprise EvolverA guide to Mapping the Whole Enterprise -Enterprise Evolver
A guide to Mapping the Whole Enterprise -Enterprise Evolver
 
A guide to Enterprise Evolver
A guide to Enterprise EvolverA guide to Enterprise Evolver
A guide to Enterprise Evolver
 
Workflow Diagram Examples and Templates
Workflow Diagram Examples and TemplatesWorkflow Diagram Examples and Templates
Workflow Diagram Examples and Templates
 
Hiring Process Analytics.pptx
Hiring Process Analytics.pptxHiring Process Analytics.pptx
Hiring Process Analytics.pptx
 
Interactive Data Visualization.pptx
Interactive Data Visualization.pptxInteractive Data Visualization.pptx
Interactive Data Visualization.pptx
 
A Review on data visualization tools used for Big Data
A Review on data visualization tools used for Big DataA Review on data visualization tools used for Big Data
A Review on data visualization tools used for Big Data
 
Vaibhavi Hiring Project.pdf
Vaibhavi Hiring Project.pdfVaibhavi Hiring Project.pdf
Vaibhavi Hiring Project.pdf
 
What is data visualization
What is data visualizationWhat is data visualization
What is data visualization
 
Developing (KPI) Key Performance Indicators
Developing (KPI) Key Performance IndicatorsDeveloping (KPI) Key Performance Indicators
Developing (KPI) Key Performance Indicators
 
Using feature teams to deliver high business value
Using feature teams to deliver high business valueUsing feature teams to deliver high business value
Using feature teams to deliver high business value
 
Discovering dashboards with the Low Code PROIV platform
Discovering dashboards with the Low Code PROIV platformDiscovering dashboards with the Low Code PROIV platform
Discovering dashboards with the Low Code PROIV platform
 
Neo4j Webinar: Graphs in banking
Neo4j Webinar:  Graphs in banking Neo4j Webinar:  Graphs in banking
Neo4j Webinar: Graphs in banking
 
Gireesh_Updated_Resume
Gireesh_Updated_ResumeGireesh_Updated_Resume
Gireesh_Updated_Resume
 
How Microsoft Visio eases the life of a Business Analyst?
How Microsoft Visio eases the life of a Business Analyst?How Microsoft Visio eases the life of a Business Analyst?
How Microsoft Visio eases the life of a Business Analyst?
 
6 creating data visualizations for analysis
6 creating data visualizations for analysis6 creating data visualizations for analysis
6 creating data visualizations for analysis
 
JIBODH JHA-MIS
JIBODH JHA-MISJIBODH JHA-MIS
JIBODH JHA-MIS
 

More from Mindfire Solutions

More from Mindfire Solutions (20)

Physician Search and Review
Physician Search and ReviewPhysician Search and Review
Physician Search and Review
 
diet management app
diet management appdiet management app
diet management app
 
Business Technology Solution
Business Technology SolutionBusiness Technology Solution
Business Technology Solution
 
Remote Health Monitoring
Remote Health MonitoringRemote Health Monitoring
Remote Health Monitoring
 
Influencer Marketing Solution
Influencer Marketing SolutionInfluencer Marketing Solution
Influencer Marketing Solution
 
ELMAH
ELMAHELMAH
ELMAH
 
High Availability of Azure Applications
High Availability of Azure ApplicationsHigh Availability of Azure Applications
High Availability of Azure Applications
 
IOT Hands On
IOT Hands OnIOT Hands On
IOT Hands On
 
Glimpse of Loops Vs Set
Glimpse of Loops Vs SetGlimpse of Loops Vs Set
Glimpse of Loops Vs Set
 
Oracle Sql Developer-Getting Started
Oracle Sql Developer-Getting StartedOracle Sql Developer-Getting Started
Oracle Sql Developer-Getting Started
 
Adaptive Layout In iOS 8
Adaptive Layout In iOS 8Adaptive Layout In iOS 8
Adaptive Layout In iOS 8
 
Introduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/MacIntroduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/Mac
 
LINQPad - utility Tool
LINQPad - utility ToolLINQPad - utility Tool
LINQPad - utility Tool
 
Get started with watch kit development
Get started with watch kit developmentGet started with watch kit development
Get started with watch kit development
 
Swift vs Objective-C
Swift vs Objective-CSwift vs Objective-C
Swift vs Objective-C
 
Material Design in Android
Material Design in AndroidMaterial Design in Android
Material Design in Android
 
Introduction to OData
Introduction to ODataIntroduction to OData
Introduction to OData
 
Ext js Part 2- MVC
Ext js Part 2- MVCExt js Part 2- MVC
Ext js Part 2- MVC
 
ExtJs Basic Part-1
ExtJs Basic Part-1ExtJs Basic Part-1
ExtJs Basic Part-1
 
Spring Security Introduction
Spring Security IntroductionSpring Security Introduction
Spring Security Introduction
 

Recently uploaded

Recently uploaded (20)

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 

Graph In MVC

  • 1. To show the different types of graph in MVC application By Ajay Kumar
  • 2. Introduction   A graph is an image that represents data symbolically. A graph is used to present complex information and numerical data in a simple, compact format.
  • 3. Why we need to show the data in graph Graph is a attractive way to show the data. there are many types of graph. it depends on data in which way we want to show the data in graph. whenever we see the news we see the sensex graph, in cricket batting or bowling graph, or company growth graph, salary growth.....it is simple representation of growth of the company, growth of the salary. Nobody want to read the complex data. they want to see the data in easy way like graph/Image which they can understand easily. we can show the growth in graph by year/month/days.
  • 4. Different types of graph • Pie chart • Bar chart • Line chart • Column chart • Geo chart • Area chart
  • 5. How to make graph using google chart I am using two ways to implement chart in MVC.  . JavaScript - use google chart function.
  • 6. • google chart Url - send a data and return image https://chart.googleapis.com/chart?chs=250x250&cht=pc&chco=463AA6| BBCCED&chd=t:5,3,7,2&chdl=Rice(5)|Dal Roti(3)|Milk(7)| Paneer(2)&chdlp=t&chts=090000,12&chtt&chco=FF9900|000000|B5B5B5| 004800|DF0000|0000D4|00FF00|76A4FB|FFFF88|990066
  • 7. Complex data example MCTS HTML Java .Net January February March April 10 8 5 9 12 14 18 4 5 7 8 13 14 8 10 10
  • 8. Show the data in graph