Salesforce Customization- Create custom graphs -charts using Visualforce Development
Author
August 13, 2014
Recently I worked on projects where I had to customize the standard graph elements to create an engaging experience on the consumer portal. In this post, I will be sharing my experience with Salesforce data visualization and charting.
Pranshu Goyal, Director of Products at Mirekta, states: “We envision DSM to be used by every small to a medium-sized organization dealing with bad data and want to get rid of duplicates easily with no cost. We have faced issues dealing with duplicates in our organization. That inspired us to make a solution that is not only simple to use but can be used widely to make the organization’s data clean to make them more efficient and productive. We want DSM to be a solution for every organization looking for duplicate management capability better than the Salesforce out-of-the-box solution with no additional cost.”
Custom Charts
If you are not happy with the default charts, you can create your own custom charts. However, creating charts from scratch requires substantial scripting work. It can be a pain in the b***t to ensure that the charts work fine on different browsers. I recommend customizing standard charts offered by other provides. Try some of the JS based charts that can be customized in the Visualforce environment.
There are plenty of options available online. Unfortunately, most are paid. I liked the objects offered by JQchart, primarily because they are FREE! jqChart takes advantage of HTML5 Canvas to deliver high performance client-side charts and graphs across browsers (IE 6+, Firefox, Chrome, Opera, Safari) and devices, including iOS and Android mobile devices. As full disclosure, I don’t get paid by jqChart. :).
Here are a couple of sample charts from jqChart that I used for our custom work. To these graphs, we made some functional and visual changes.

Custom Charts Built from Scratch
The following are the examples of other charts that my colleagues built from scratch for our financial planning product. As I said before, we spent a lot on time making sure that these graphs worked fine on different browsers. So I don’t recommend building Salesforce Charts from scratch unless you have no other option.




Recent Posts
-
XML Parsing: Using MINIDOM Vs Element Tree (etree) in Python02 Jul 2025 Blog
-
A step by step Guide to create Salesforce web-to-lead form30 Jun 2025 Blog
-
How AI is Transforming User Experience Design in 202526 Jun 2025 Blog
-
How a Salesforce NPSP Consultant Can Elevate Nonprofit Impact25 Jun 2025 Blog
-
Salesforce Load and Performance Testing: Essentials, Importance & Execution23 Jun 2025 Blog
-
Salesforce Website Integration Boost Leads, Automation & Customer Experience11 Jun 2025 Blog
-
Driving Results in Manufacturing with Salesforce Manufacturing Cloud11 Jun 2025 Blog
-
Accelerating Growth with NetSuite SuiteCommerce02 Jun 2025 Blog
-
Salesforce Service Cloud Services streamlining operations29 May 2025 Blog
-
AI for Nonprofits: Mirketa & Exec Precision Webinar27 May 2025 Press Release
-
AI for Nonprofits: Use Cases, Tools & Implementation Strategies20 May 2025 Webinar
-
Javascript Frameworks for Salesforce Lightning Design System18 May 2025 Blog
-
Building a Smart Campus with Salesforce Student Information System: A Road to Smarter Education16 May 2025 Blog
-
Salesforce Nonprofit Cloud: Benefits & Consultant Role15 May 2025 Blog
-
Salesforce Consulting for Nonprofits: Maximize Impact09 May 2025 Blog
-
What to Expect from a Salesforce Admin Service Provider09 May 2025 Blog
-
Maximizing Efficiency with Salesforce Cloud Integration Services09 May 2025 Blog
-
Step-by-Step Guide to Salesforce NPSP Implementation09 May 2025 Blog
-
A Guide on How to Use Salesforce Agentforce for Manufacturing02 May 2025 E-Book
-
Choosing the Right Salesforce Integration Partner: A Complete Guide22 Apr 2025 Blog