Close

Radar chart

This is an example of a bootstrap radar chart layout, designed using CSS, HTML, JavaScript, and bootstrap 4 framework. Chartjs library has been imported to implement the radar chart along with bootstrap styles. JavaScript has been used to apply filters to the chart. The school teams: A Team and B Team are assigned the colors #458af7, and #3cba9f, respectively. Media queries have been used to make the form responsive. The body of the form is given a background color of #f9f9fa, a flex styles of 1, and a padding of 5rem. The chart card is given the styles of background as #fff, border-radius as .25rem, box-shadow as 0 1px 3px rgba(0, 0, 0, .05), border as 1px solid rgba(19, 24, 44, .125) and the margin-bottom as 1.5rem. The card header has the styles of padding as .75rem 1.25rem, background-color as rgba(19, 24, 44, .03), and, border-bottom: 1px solid rgba(19, 24, 44, .125), whereas the card footer is given a border-color of rgba(160, 175, 185, .15).

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.