Dynamic reporting table/pie chart widget using iMember360/Infusionsoft tags/WP Elementor

I am using Elementor on Wordpress and I need some graphics that dynamically change based on certain Infusionsoft tags applied for logged in users at our online school, to indicate which courses they have not yet started or completed. I would prefer that this be an Elementor Widget, or code that works inside an existing widget like Code Highlight, as long as I also have a user-friendly interface to control the settings. I currently use Elementor Pro, Premium Add-ons, and iMember360.


Basic Structure - A graphic that I can place in the sidebar of several pages, consisting of an optional CIRCLE at the top with a percentage text display in the center (determined by a show/hide setting that I can control), and a grid of squares below it (where each square represents a course or training we offer). Without the circle, only the grid would show. See screenshots.

Optional Sub-Headers - The graphic will optionally have sub-headers between sections of the grid of squares (screenshots). If sub-headers are selected in the tool, the tool should ask me what the first header is, and how many squares should be placed below it. It will ask if I would like to add another sub-header, and how many squares should go below that one, and so forth.

Circle Graph Section - This shows the percentage of the number of courses that have been completed (blue), started but not completed (green), and not yet started (gray), with the percentage complete displayed as text in the center. The percentage should be calculated by the number of squares that are blue by the total number of squares in the graphic, regardless of the presence of sub-headers that break up the grid into separate groupings. Green is ignored in this calculation.

Size Settings - I need the dynamic table to be something that I can easily adjust, later. I want to be able to select the number of squares that will show up, and the squares size in pixels. The space between the squares should also be a setting I can control.

Hyperlink - I need to be able to set a title and hyperlink for each square, so the user can hover over the square to see what course it represents, and click to go to that course.

Square Colors - Each square in the table will be one of three colors, based on the presence of Infusionsoft tags for the logged in user (blue #45627b, green #def2ce, gray #d9d9d9). Each square should be gray by default. If a grid has less than enough squares to fill the grid completely, any empty squares need to be transparent.

Tag Settings - I need a field in the backend for each square where I can set the Infusionsoft TAGS that will control the color. In other words, the field should allow me to select which Infusionsoft tags will turn that square blue, and which tags will turn it green. It will be gray by default, or transparent if no data (ie. link, title, tag) is entered for that square. There needs to be a way to choose OR or AND when listing multiple tags for each color (because some squares will require more than one tag to turn blue, or in case a square can be green with any one of the listed tags present).

Live Updates - The user should be able to refresh the page and see the grid UPDATE if a tag was recently applied or removed in Infusionsoft.

I will attach a screenshot of my mock-up for the large grid/mosaic, the main page and each sub-page (showing how smaller sub-topic grids are grouped together under the same circle graph).

The main graphic EXAMPLE is only provided to show how it might look with the circle graphic hidden, and without sub-headers. Instead, use my colors / font / style as seen in the page screenshots.

Please let me know if you have any questions.

Taidot: WordPress, PHP, HTML, CSS, Verkkosivujen suunnittelu

Näytä lisää: flash pie chart dynamic, pie chart excel dynamic, vba form dynamic pie chart, ceate excel dynamic pie chart, excel create pie chart table demonstrates percentage class received letter gradetable create pie chartpercentages stated pie cha, pie chart using flash, bar chart flex using dynamic xml, html5 dynamic pie chart, create dynamic html table using ajax php javascript, dynamic pie chart using javascript, how to create pie chart in php using database values, how to create pie chart in php using mysql, how to create dynamic html table in using c#, dynamic pie chart in html, pie chart in html using javascript, dynamic pie chart jquery, how to create pie chart in using c#, creating dynamic html table using javascript, pie chart in python using csv file, create dynamic pie chart in codeigniter

Tietoa työnantajasta:
( 0 arvostelua ) Russian Federation

Projektin tunnus: #30960943

12 freelanceria on tarjonnut keskimäärin $10/tunti tähän työhön

(240 arvostelua)
(55 arvostelua)

HI! I am an expert web programmer. I am familiar with Laravel and I have a lot of work experience in Laravel, Codeigniter, PHP, Wordpress, JavaScript, HTML, Vuejs, Reactjs, React Native, and MySQL. I can start right aw Lisää

$12 USD / tunti
(42 arvostelua)

Hello yes i will fix this ASAP so you can discuss here I hope you are doing great, I have understood your point of view, Please get back to me so we will discuss further and finalize the project now. Thanks Mahesh Kuma Lisää

$8 USD / tunti
(48 arvostelua)

Hi, I am available to work on this project if you like you can discus with me in private messaage I start work asap.

$8 USD / tunti
(23 arvostelua)

Hello Sir, I have read your requirements and understood very-well. I am a Web Designer & Developer with 6+ years of experience in HTML, CSS, JS, Bootstrap, WordPress, PHP, Laravel, Android & IOS App Development. I am Lisää

$8 USD / tunti
(22 arvostelua)

hello , *****WP Elementor Expert***** My name is Vishal I am Full Stack Developer. I have deep knowledge in WordPress. I Can Build Any Plugin for WordPress Customization. I can convert All type of PSD in to HTML an Lisää

$8 USD / tunti
(28 arvostelua)

✅ **Kindly share your availability, so we can discuss further details.** ✅ **I'm able to start working on this right away.** ✅ **My service is risk free, because you pay only after the set targets are met, and the chan Lisää

$12 USD / tunti
(1 arvostelu)

Hello, I have checked your requirement. - I am a highly experienced developer and working on it for 15+ years and I have strong experience in PHP, Vue, HTML, CSS, MySQL, Bootstrap, JavaScript, etc. - I have worked o Lisää

$8 USD / tunti
(12 arvostelua)

Hi there! After reading your post I believe I can help you achieve your desired goal. I am familiar with WordPress and have built several sites on this CMS. I'm a Web Designer and Developer with over 10 years of exper Lisää

$12 USD / tunti
(2 arvostelua)

❤️❤️Hello Olga K. ❤️❤️ I hope you are doing well and safe from COVID-19. I read your requirements very carefully and understand your needs. I have rich experiences and good knowledge over 6+ years working with PHP, Web Lisää

$12 USD / tunti
(0 arvostelua)

Hello Greetings! I am Shalini Pandey,done Master in Computer Application and 7 years working experience in website design, web development, Mobile Apps Development(ios/Android). Being a full stack developer is a chal Lisää

$12 USD / tunti
(1 arvostelu)