Theory
- Material Design
- Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web.
Charts
- Diagrammm
- Diagrammm has been developed as an online source of data visualization grammar.
- Chart.Guide
- Helps you choose and design the Perfect Chart.
- The Data Visualisation Catalogue
- Project developed by Severino Ribecca create a library of different information visualisation types.
- Data Viz Project
- Website trying to present all relevant data visualizations, so you can find the right visualization and get inspired how to make them.
- Interactive Chart Chooser
- Wondering which type of graph is the best fit for your data? Explore our interactive chart chooser using the filters.
- The Tableau Chart Catalog
- Examples created by Tableau by the Tableau community.
- Chart Suggestions
- A though-starter for choosing the right chart.
- From Data to Vis
- It leads you to the most appropriate graph for your data. It links to the code to build it and lists common caveats you should avoid.
- Visual Vocabulary by Financial Times
- Small examples of data driven graphics – to be used as starting points.
- Static version here.
- Visual Vocabulary by Andy Kriebel
- Tableau edition of the FT's Visual Vocabulary
- SWD Chart Guide
- We share the good and the bad of commonly used charts and graphs for data communications.
Text
- Google Fonts
- Making the web more beautiful, fast, and open through great font.
- Sans Forgetica
- Sans Forgetica is a font designed using the principles of cognitive psychology to help you to better remember your study notes.
- FontPair
- Typography site dedicated to helping creators use beautiful typography for their creative projects.
- Canva Font Combinations
- Find a font combination for your design needs.
- Canva Font Pairings
- Font pairings according to the content or publication type they work best for.
- Wordmark.it
- Helps you choose fonts.
- Capitalize My Title
- Title-capitalization tool.
- Amp What
- Discover Unicode & HTML character entities.
- Unicode Character Table
- Discover Unicode characters for any language.
- 😋 Get Emoji
- All Emojis to ✂️ Copy and 📋 Paste 👌
Colours
- Color Designer
- Color tools platform with 11 different tools – color wheel, palettes, scheme builder, gradient options and more.
- Picular
- Picular is a rocket fast primary colour generator using Google’s image search. If you ever needed the perfect yellow hex code from a banana, this is the tool for you.
- Colour Wheel
- Create colour schemes with the color wheel or browse thousands of color combinations from the Color community.
- Color Calculator
- Your handy interactive color wheel.
- Color Picker
- Pick your color online.
- Grabient
- Gallery of different gradients.
- ColorBrewer
- Color advice for cartography.
- Color Blender
- Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.
- Web colors
- Wiki article about main HTML colours.
- BrandColors
- The biggest collection of official brand color codes around.
- Coblis
- Color Blindness Simulator.
- Coolors
- The super fast color schemes generator.
- Color Palette Generator
- Want a color scheme that perfectly matches your favorite images? With Canva’s color palette generator, you can create color combinations in seconds.
- Datafam Colors by the Flerlage Twins
- A Tableau Color Palette Crowdsourcing Project
- Color Hunter
- Create and find color palettes made from images.
- Colors from Image
- Upload file from your computer or insert link to online image to access its color codes.
- Colors for gender data
- Alternatives to pink & blue.
- Branition Colors
- Hand-curated collection of color palettes best fitted for branding.
Icons
- unDraw
- Open-source illustrations for any idea you can imagine and create.
- Feather Icons
- Simply beautiful open source icons.
- Iconfinder
- Free and premium vector icons.
- Iconbrew
- A free and open source icon pack.
- Font Awesome
- Scalable vector icons that can instantly be customized with the power of CSS.
- SVG Path Editor
- Online editor to create and manipulate SVG paths.
- SVG REPO
- Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library.
- Flaticon
- Free vector icons
- IcoMoon App
- Free icons
- Font Awesome Icons
- Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
- Noun Project
- Icons and photos for everything
Photos
- Freepik
- Free vectors, stock photos & PSD downloads
- StockSnap
- The one-stop-shop for all free stock photos
- Unsplash
- Beautiful free images & pictures
- Pexels
- Free stock photos
Maps
- Mapbox
- Maps and location for developers
- TableauMapping.bi
- Democratising the world's mapping data for the Tableau community.
Website
- Screenfly
- Test web for different sizes
Software
- Figma
- Figma helps teams create, test, and ship better designs from start to finish; making it amazing for UX designs.
- Piktochart
- Quickly turn any text- or data-heavy content into a stunning report, presentation, infographic, social media graphic, or printable.
Style Guides
Other
- Excalidraw
- Virtual whiteboard for sketching hand-drawn-like diagrams