I think a heatmap is a very good example where you can use a smooth color legend. From SVG gradients that can be based on data, dynamic, animated gradients and more, to SVG filters for creating glow, gooey, and fuzzy effects. You can find links to all the other blogs in my kick-off article here. Even for a subject as narrow as SVG filters and gradients, there are more things possible than you might think. My goal with the talk was to inspire people to experiment with the norm, to create new ways of making a visual more effective or fun. This blog is part of the SVGs beyond mere shapes tutorial series. It was more about seeing trends and getting a general sense of the numbers, so chopping the colors up into 5 or 6 bins wasn’t what I wanted. It wasn’t really necessary to read the exact value each color represented. I was looking for a way to create a legend that would smoothly go from one color in my color scale to another. My first deviation from just using SVGs merely for their shapes came while trying to create a color legend. That it would need to accomodate a whole lot of gradients.Posted on Creating a smooth color legend with an SVG gradient To have a sample set that made it clear to anyone redesigining the dialog Part of the reasion I created a set of gradients for was Out from the task of selecting and applying a gradient. If we want a solution that will scale beyond a few dozen gradients I'mĬonvinced the task of creating or editing new gradients should be seperated
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |