Venn Diagram in AMCHARTS
This post is mainly to show that I learned how to code a Venn diagram in Amcharts. However, I still have a ton to learn about how to code the data and what the data means. The Venn diagram is not one of the preset charts available in the Amcharts WordPress plugin. That said, with a little trial and error I was able to copy one of their examples and make it work. The main challenge was figuring out the correct resources to load.
I got data from the Maryland State Department of Education about high school completion for the class of 2019. It shows the number and percentage of students that left high school with a variety of qualifications. Three of the categories are University System of Maryland (USM) requirements, career technology education (CTE) requirements, and the requirements for both. Generally, the USM requirements are completing the credits required for admittance to a USM institution.
To be a CTE completer, a student must complete an approved CTE course of study. CTE programs are typically about 4 credits.
Since MSDE publishes the number of students in the State that complete both the USM and CTE requirements I can build a Venn diagram. The data below is for the entire State of Maryland. It is the first Venn diagram I have built using Amcharts. I need to explore more of the options. However, since it is easy for me to break the functionality of the charts using Amcharts, I will explore the functionality slowly and iteratively.
Blog | Caroline Boice
As I figure out the program you need to click on the actual post or this link to see the chart. I am working on this issue.
Future Venn Diagrams
It is sad that I probably will not be able to create a completely accurate Venn diagram for all of the high school completer options because I do not know how the categories overlap, but I will probably play with trying to set up a “representation” with a bunch of stated assumptions.
Update: Technical Issues
As I learn about these computer programs I am bound to run into technical issues because I am coming at this data from a public policy and scientific background. My last formal coding training was in 1992 or so when I was in middle school. As I was making these charts I ran into the (documented) issue of needing to use a specified placeholder value for the charts so that they show up properly. I failed to do that for a few charts because I was copying pieces of code from other places. I think I figured out that issue after a bit of trial and error. Now I’ve run into the problem of a few of the Amcharts not properly rendering when as part of the blog stream, but will render as part of an individual post. I have made a workaround of explaining the issue and posting a link to the post, but I am going to continue to explore a more elegant solution. The issue is probably I am missing a piece of code.
