{"id":3346,"date":"2017-05-28T21:48:52","date_gmt":"2017-05-28T21:48:52","guid":{"rendered":"http:\/\/scalar.me\/anvc\/?p=3346"},"modified":"2017-05-29T16:40:07","modified_gmt":"2017-05-29T16:40:07","slug":"scalar-just-got-widgetized","status":"publish","type":"post","link":"https:\/\/scalar.me\/anvc\/scalar-just-got-widgetized\/","title":{"rendered":"Scalar just got widgetized!"},"content":{"rendered":"<p><img decoding=\"async\" style=\"margin-bottom: 0px; padding-right: 0px; box-shadow: 0 0 2px #333;\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/05\/widget_blog_post.png\" alt=\"\" width=\"100%\"><span style=\"font-size: 12px; line-height: 13px; color: #7e7e7e;\"><i>Scalar&#8217;s Grid Visualization Widget.<\/i><\/span><\/p>\n<p>For those who have used our Google Map, Timeline, Media Carousel or Visualization layouts and thought to yourself \u201cI\u2019d love to have these interactive components smaller, further down the page and I\u2019d like to reference them in my text just like I do with media\u201d\u2026we have a new feature for you: Scalar Widgets.<\/p>\n<p>Generously funded by the NEH\u2019s Office of Digital Humanities, widgets constitute our most substantial interface upgrade since the release of <a href=\"http:\/\/scalar.me\/anvc\/scalar-2-is-here\/\">Scalar 2<\/a>. Widgets allow one to add maps, timelines, visualizations, click-through media galleries, and stylish summaries of related content to Scalar pages using the same formatting options as with media. One can add each of these interactive components anywhere on a page; above, below or within any paragraph. One can also choose to link a widget to text in the main body, that is, to reference a map or timeline the same way one would reference an image or video in Scalar.<br \/>\n&nbsp;<br \/>\n<span style=\"font-size: 12px; line-height: 13px; color: #7e7e7e;\"><i>Click below to see each of our new widgets in action in our User&#8217;s Guide.<\/i><\/span><\/p>\n<div id=\"widget_text_box\" class=\"widget_left\">Map Widget<\/div>\n<div id=\"widget_text_box\">Timeline Widget<\/div>\n<p><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/map-widget?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" class=\"widget_left\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/map_widget.png\"><\/a><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/timeline-widget?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/timeline_widget.png\"><\/a><\/p>\n<div id=\"widget_text_box\" class=\"widget_left\">Visualization Widget<\/div>\n<div id=\"widget_text_box\">Carousel Widget<\/div>\n<p><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/visualization-widgets?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" class=\"widget_left\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/viz_widget_2.png\" width=\"45%\"><\/a><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/carousel-widget?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/carousel_widget.png\" width=\"45%\"><\/a><\/p>\n<div id=\"widget_text_box\" class=\"widget_left\">Card Widget<\/div>\n<div id=\"widget_text_box\">Summary Widget<\/div>\n<p><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/card-widget?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" class=\"widget_left\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/card_widget.png\" width=\"45%\"><\/a><a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/summary-widget?path=working-with-widgets\"><img decoding=\"async\" id=\"widget_image\" src=\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/02\/summary_widget.png\" width=\"45%\"><\/a><br \/>\n&nbsp;<br \/>\nJust as with our layouts options, the maps, timelines, media carousels, visualizations and summaries all plot, arrange or otherwise display additional content from one\u2019s Scalar project. So one can add a visualization of all the paths in a Scalar project just to the right of a paragraph discussing how best to navigate its structure. One can analyze the geographic dimensions of a video collection just above a map that plots the entire series according to shot location. Or, instead of referencing and analyzing a single image of an object, one can reference a click-through media gallery containing multiple images (and video) of that object from contrasting angles or within varying contexts.&nbsp;<\/p>\n<p>Finally, we\u2019ve not only widgetized the functionality of our most popular layouts we\u2019ve also added some new features with our Card and Summary widgets. These two widgets allow one to insert descriptive sidebars or lists of items in a Scalar project. Both widgets display a thumbnail, description of, and link to those items with varying styles.<\/p>\n<p>For step-by-step instructions see the new widgets in our <a href=\"http:\/\/scalar.usc.edu\/works\/guide2\/working-with-widgets\">User\u2019s Guide<\/a>.<\/p>\n<p>We value your <a href=\"http:\/\/scalar.me\/anvc\/contact\/\">feedback<\/a> as you begin to use these new features and would love to hear from you about the innovative ways you put them to use.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scalar&#8217;s Grid Visualization Widget. For those who have used our Google Map, Timeline, Media Carousel or Visualization layouts and thought to yourself \u201cI\u2019d love to have these interactive components smaller, further down the page and I\u2019d like to reference them in my text just like I do with media\u201d\u2026we have a new feature for you:&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3346","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/posts\/3346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/comments?post=3346"}],"version-history":[{"count":77,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/posts\/3346\/revisions"}],"predecessor-version":[{"id":3448,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/posts\/3346\/revisions\/3448"}],"wp:attachment":[{"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/media?parent=3346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/categories?post=3346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scalar.me\/anvc\/wp-json\/wp\/v2\/tags?post=3346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}