Chart and graph

26 snippets

Browse chart and graph — subcategories and filters in one place. Use the table of contents to explore this branch.

chart-and-graph

Snippets(26)

Animated CSS Graph
A animated css graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bar Graph
A bar graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Less)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS Animation: A Line Graph
A css animation: a line graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS Only 3D Bar Graph
A css only 3d bar graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS-only Pie Charts
A css-only pie charts built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Charles Hayter's Colour Diagrams
A charles hayter's colour diagrams built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Circle Chart With Three Bars
A circle chart with three bars built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Diagram
A diagram built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Sass)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Gradient Circle Outline Bound to Angle
A gradient circle outline bound to angle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Graph
A graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
HTML Chart
A html chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Interactive SVG & CSS Graph
A interactive svg & css graph built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Sass)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Interactive, Responsive Pie Chart
A interactive, responsive pie chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Progress Donut Charts
A progress donut charts built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Pure CSS Area Chart
A pure css area chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Pure CSS Background Depending on Height
A pure css background depending on height built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Pure CSS Bars
A pure css bars built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Donut Charts
A pure css donut charts built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Slim), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Purple Pie Chart
A purple pie chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Simple CSS Bar Chart
A simple css bar chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Simple and Responsive Organizational Chart
A simple and responsive organizational chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Skills Chart Animation with a Bit of Houdini Magic
A skills chart animation with a bit of houdini magic built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Statistics Card
A statistics card built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
This Pen is 19% HTML & 81% CSS
A this pen is 19% html & 81% css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Wicked CSS3 3D Bar Chart
A wicked css3 3d bar chart built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Chart.css
A chart.css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes

Snippets(26)

related hubs