deals

premiumpacks & css charts (27 items)

Use this compilation of CSS charts to display data and statistics. Ideal for condensing long information into graphic representations.

freebies

This is a bar and linear chart composition made with apexchart.js. The chart shows data in a timeline arrangement with the bottom bar chart showcas...

This is a bar and linear chart composition made with apexchart.js. The chart shows data in a timeline arrangement with the bottom bar chart showcasing months while the upper linear chart showcases a zoomed day by day data relation. Created by CodePen user ApexCharts.

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entr...

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entry across the grid. The chart is structured with raw HTML and the CSS is precompiled through SCSS. Created by CodePen user Phil.

A beautiful color pie chart made with SCSS and JavaScript in a Material style that opens with a click on the perimeter of the circle and closes wit...

A beautiful color pie chart made with SCSS and JavaScript in a Material style that opens with a click on the perimeter of the circle and closes with a click on the X button. As you move on the perimeter, the type of food and numerical values of the four parameters change, making it perfect for websites to show information about the different features of various products.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

A beautiful chart for analytics made with SVG, CSS and JavaScript. On plain sight it does nothing, but you can drag the indicator, and it'll show ...

A beautiful chart for analytics made with SVG, CSS and JavaScript. On plain sight it does nothing, but you can drag the indicator, and it'll show the value with a bubble. The applications for this chart are endless, and they will provide a powerful visual element to any app or website you include them in.

A set of beautiful and colorful animated graphs for statistics made with CSS and JavaScript. It creates sparkline graphs, perfect for representatio...

A set of beautiful and colorful animated graphs for statistics made with CSS and JavaScript. It creates sparkline graphs, perfect for representations of stock variation or site traffic, as well as circular percentage bars, a trend useful to show skills' and abilities. This pen was created by Jonas Badalic.

​Use Brace Charts to create all sorts of figures into your website throughout the URL it provides.The data is supplied via the URL, so it does not ...

​Use Brace Charts to create all sorts of figures into your website throughout the URL it provides.The data is supplied via the URL, so it does not need Javascript at all. Plus. The charts supported include bars, pies, lines, colored areas, hover effects and more.Use Brace Charts to create all sorts of figures into your website throughout the URL it provides.The data is supplied via the URL, so it does not need Javascript at all. Plus. The charts supported include bars, pies, lines, colored areas, hover effects and more.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

This walkthrough from TheCodePlayer will teach you how to create stylish gauge charts with the help of canvas. The gauge will refresh every two sec...

This walkthrough from TheCodePlayer will teach you how to create stylish gauge charts with the help of canvas. The gauge will refresh every two seconds to display a new number, which can be useful to display real-time information when it is time to implement the tool.

A nice graphic containing a couple of curved lines with dots representing particular moments in time. When hovering on these dots, they animate sli...

A nice graphic containing a couple of curved lines with dots representing particular moments in time. When hovering on these dots, they animate slightly and become thicker as well as the lines, but just as a visual effect and not necessarily proving any additional information.

A set of charts with multiple styles designed to be used in both Android and desktop set-ups. We can have the information displayed in four ways: B...

A set of charts with multiple styles designed to be used in both Android and desktop set-ups. We can have the information displayed in four ways: Bars, pie, columns and lines, each with its own particular styling. Animated hover boxes will provide further details on the elements displayed.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

This chart enables you to display multiple sets of information within the same space thanks to a selectable interface that toggles between charts. ...

This chart enables you to display multiple sets of information within the same space thanks to a selectable interface that toggles between charts. The bars appear with a neat animation while a pop-up brings additional data when hovering the columns.

Organize values and any sort of information with this neat code snippet. Its polished design features an animated box that moves around with you wh...

Organize values and any sort of information with this neat code snippet. Its polished design features an animated box that moves around with you when closing into info dots, this box will provide additional data about that particular piece of material and add a bit of movement to the chart.

Display any type of information in the form of stylish charts with this tool. Hovering the cursor over any of the dots will showcase additional inf...

Display any type of information in the form of stylish charts with this tool. Hovering the cursor over any of the dots will showcase additional info about that point in time. Different styles can be used within the same graphic to separate between types of data.

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)

A cool table design that allows you to customize the information that's being displayed on the screen with a set of selectors located on top. Just ...

A cool table design that allows you to customize the information that's being displayed on the screen with a set of selectors located on top. Just click on the arrows or directly input the number to be represented. Additionally, the bars have a subtle highlight effect when moving the cursor over them.

A self-updating graphic displaying a timeline divided into positive and negative values, each with their corresponding color (red and blue, respect...

A self-updating graphic displaying a timeline divided into positive and negative values, each with their corresponding color (red and blue, respectively). The bar comes split into dots for every “moment” in the timeline, hover over any of them to get precise information.

A very convenient way to display information hosted at Google Charts through their light API. It features a very simple styling with flat bars in b...

A very convenient way to display information hosted at Google Charts through their light API. It features a very simple styling with flat bars in bright red along with black accents. If you hover on any of the bars, you will see a pop-up come up displaying further data about that particular element.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

A bar chart created with only CSS and carrying a clean, fancy look. It stands out from the rest because of its 3D look, achieved with the help of t...

A bar chart created with only CSS and carrying a clean, fancy look. It stands out from the rest because of its 3D look, achieved with the help of transforms on side, back, front, botton and top panels of the design. Plus, it comes with a neat transparency effect. Uploaded to CSSDeck by Sergey Lukin.

Based on a Codrops tutorial, CSSDeck's user simonpicos has created this simple, yet very appealing set of buttons that display his level of ab...

Based on a Codrops tutorial, CSSDeck's user simonpicos has created this simple, yet very appealing set of buttons that display his level of ability with HTML5, CSS3 and jQuery, each with their own button. Click on one of them to see an animated bar represent his skills from 0 to 100.

An attractive set of circular charts that start their appearance with a smooth animation once the page loads. They make use of canvas and data attr...

An attractive set of circular charts that start their appearance with a smooth animation once the page loads. They make use of canvas and data attributes to handle their animations correctly. This project was uploaded to CodePen by the user Stephen Scaff.

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

Thibaut has created this neatly styled widget that intends to provide in-depth information analysis to your readers. In this case, the data being e...

Thibaut has created this neatly styled widget that intends to provide in-depth information analysis to your readers. In this case, the data being evaluated is about recent visitors, showing a set of bar graphics to the left hand side and total view count plus percentages to the right. Based on an original PSD by Farzad Ban.

A neat example of the type of graphics that can be created with only the power of CSS3. Emily Young from CodePen brings us this attractive set...

A neat example of the type of graphics that can be created with only the power of CSS3. Emily Young from CodePen brings us this attractive set of multi-colored bars that also have a subtle transparency effect. When hovering over the bars, they loose their opacity until we move the cursor elsewhere.

Tahir Fayyaz from CodePen has worked out a project that allows the conversion of charts created with Charts.js into .PNG image files by making use ...

Tahir Fayyaz from CodePen has worked out a project that allows the conversion of charts created with Charts.js into .PNG image files by making use of Phantom.js and Casper.js. This can be used to generate automatic files and send them out as reports to a mail list or a group of individuals.

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shop...

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shops with WooCommerce Integration, Portfolios, Startups, & Business Sites PLUS All Future Releases, Theme Updates, & Support. Only $29! (71% Off!)

A nicely styled set of column charts that blend together to make comparisons easier; this is done thanks to a neat transparency effect that allows ...

A nicely styled set of column charts that blend together to make comparisons easier; this is done thanks to a neat transparency effect that allows you to detect when elements are jointed together while still being recognizable. Uploaded to CodePen by BenjaminG.

A fantastic design for a line graph brought to life by Evan Q. Jones, who used a combination of CSS3 transitions and AngularJS to create this ...

A fantastic design for a line graph brought to life by Evan Q. Jones, who used a combination of CSS3 transitions and AngularJS to create this animated graph that constantly updates its status, applying manual transforms to keep the dots connected. Hovering over a portion will provide further information.

A nice experiment that allows the creation of pie and pyramids charts with pure CSS and the addition of a nice, soft gradient effect right in the m...

A nice experiment that allows the creation of pie and pyramids charts with pure CSS and the addition of a nice, soft gradient effect right in the middle of the pie chart, which gives it a very stylish appearance. Fully developed by Sean, with Jonathan Graft doing us the favor of uploading the project to CodePen.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

A project displays a visually appealing animated chart making use of HTML and CSS (LESS) for styling (gradients can be seen within each element and...

A project displays a visually appealing animated chart making use of HTML and CSS (LESS) for styling (gradients can be seen within each element and transforms are also applied), while JavaScript is utilised for showing a database that constantly updates, changing the shape of the chart.

This article explores the possibilities of CSS by finding a way to display line graphs with it, providing an alternative to the multiple JavaScript...

This article explores the possibilities of CSS by finding a way to display line graphs with it, providing an alternative to the multiple JavaScript and flash options available. Even if not used in a practical sense, this could be a nice way to sharpen your CSS skills and learn a thing or two.

An impressive statistics widget for showing multiple pieces of data. It has a crafted flat style, perfect for a mobile app or for using as a widget...

An impressive statistics widget for showing multiple pieces of data. It has a crafted flat style, perfect for a mobile app or for using as a widget on your projects. It includes a top section with graphs, the value and the stock change. Right below, there are labels for info such as date and city, the amount of shares traded and the variation of the stock shown in bars, side by side with the yearly change.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.