{"id":22241,"date":"2020-12-09T18:10:20","date_gmt":"2020-12-09T18:10:20","guid":{"rendered":"http:\/\/in_chess_as_in_customer_engagement_observe_strategize_and_learn"},"modified":"2020-12-09T18:10:20","modified_gmt":"2020-12-09T18:10:20","slug":"in_chess_as_in_customer_engagement_observe_strategize_and_learn","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn","title":{"rendered":"In Chess As in Customer Engagement: Observe, Strategize, and Learn"},"content":{"rendered":"

In October, Netflix launched a wonderful miniseries based on Walter Tevis\u2019s 1983 novel, The Queen\u2019s Gambit<\/em>, on the rise of a young prodigy to be the world\u2019s chess champion while tackling issues of emotional attachment and drug addiction stemming from childhood. That miniseries is a smash hit among chess fans. Since its release, Google\u2019s search queries for \u201cchess\u201d have doubled, and those for \u201chow to play chess\u201d have hit a nine-year peak. Inquiries for \u201cchess sets\u2019\u2019 on eBay are up a whopping 250 percent1<\/a><\/sup>.<\/p>\n

Watching The Queen\u2019s Gambit took me back in time to a memorable experience 21 years ago, my senior year in high school. To fulfill part of my final-exam requirement for Computer Science, I wrote a chess program in Pascal<\/a>\u2014a truly enjoyable and stimulating adventure. The algorithm was based on a calculation of the scores of potential moves, with a tree of nodes holding all the options for the current position and the potential responses for each move from the opponent. The total score for each pair of moves determines what the computer does. Due to memory limitation, the tree holds only two levels of moves: one for the current position and the other for the opponent\u2019s potential moves.<\/p>\n

\"chess<\/p>\n

Chess is all about observing, strategizing, experimenting, learning, and building on knowledge, which all came into play in that program I built long ago, a vivid and fond memory to this day. Now, as customer engagement manager at Cloudinary, I approach the task of automating our functional programs as a chess game, that is, look for the best content to present based on customer behavior and strategize the next move according to the reactions and feedback from our patrons. In chess lingo, checkmate in this \u201cgame\u201d ensues from customer success and satisfaction with the product.<\/p>\n

Now on to an example of a Cloudinary capability that caters to our customers\u2019 media-management needs: mapping and its helpful role in creating an image from a string based on the Forsyth-Edwards Notation (FEN), the standard way of describing positions of a chess game.<\/p>\n

As a prelude, let me introduce the Node.js library chess-image-generator<\/code> (link<\/a>), which was built by Andrew Young<\/a>, a brilliant developer who formerly worked on the front end at Chess.com. Not surprisingly, since the release of The Queen\u2019s Gambit, Chess.com has enjoyed a significant surge in the number of new players.<\/p>\n

Here\u2019s what to do:<\/p>\n

\"How<\/p>\n

    \n
  1. Incorporate chess-image-generator<\/code>, which accepts FEN strings as URL parameters and then responds with PNG images, into a Google function (code<\/a>).<\/li>\n
  2. Map that function to Cloudinary for transformation of the image followed by delivery through a fast content delivery network (CDN).<\/li>\n<\/ol>\n

    \n Loading code examples<\/span>\n <\/cld-code-widget>\"Chess<\/a>\nExample 1: An image that resulted from the above process<\/em><\/p>\n

    \n Loading code examples<\/span>\n <\/cld-code-widget>\"Chess<\/a>\nExample 2: The same image, post transformation (border+background image)<\/em><\/p>\n

    You can apply this mapping technique to other cases, like parsing an HTML page and obtaining an image from there, or retrieving an image from another storage service or third-party APIs like QR or map generators. Subsequently, the automatic and dynamic process occurs seamlessly in Cloudinary: upload, transformation, optimization, and delivery. It\u2019s reliable, efficient, and secure.<\/p>\n

    https:\/\/about.netflix.com\/en\/news\/the-queens-gambit-netflix-most-watched-scripted-limited-series<\/em><\/a>\u21a9<\/a><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":22242,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[25],"class_list":["post-22241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-asset-management"],"acf":[],"yoast_head":"\nCloudinary's Mapping Capability Creates Images From Forsyth-Edwards Notation Strings<\/title>\n<meta name=\"description\" content=\"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"In Chess As in Customer Engagement: Observe, Strategize, and Learn\" \/>\n<meta property=\"og:description\" content=\"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-09T18:10:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"In Chess As in Customer Engagement: Observe, Strategize, and Learn\",\"datePublished\":\"2020-12-09T18:10:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA\",\"keywords\":[\"Asset Management\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\",\"url\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\",\"name\":\"Cloudinary's Mapping Capability Creates Images From Forsyth-Edwards Notation Strings\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA\",\"datePublished\":\"2020-12-09T18:10:20+00:00\",\"description\":\"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"In Chess As in Customer Engagement: Observe, Strategize, and Learn\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cloudinary's Mapping Capability Creates Images From Forsyth-Edwards Notation Strings","description":"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn","og_locale":"en_US","og_type":"article","og_title":"In Chess As in Customer Engagement: Observe, Strategize, and Learn","og_description":"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.","og_url":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn","og_site_name":"Cloudinary Blog","article_published_time":"2020-12-09T18:10:20+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn"},"author":{"name":"","@id":""},"headline":"In Chess As in Customer Engagement: Observe, Strategize, and Learn","datePublished":"2020-12-09T18:10:20+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","keywords":["Asset Management"],"inLanguage":"en-US","copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn","url":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn","name":"Cloudinary's Mapping Capability Creates Images From Forsyth-Edwards Notation Strings","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","datePublished":"2020-12-09T18:10:20+00:00","description":"In two simple steps, create PNGs from Forsyth-Edwards Notation strings with the Node.js library chess-image-generator and Cloudinary's mapping feature.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/in_chess_as_in_customer_engagement_observe_strategize_and_learn#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"In Chess As in Customer Engagement: Observe, Strategize, and Learn"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649719700\/Web_Assets\/blog\/queens_gambit_222429dd46\/queens_gambit_222429dd46.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=22241"}],"version-history":[{"count":0,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22241\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/22242"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=22241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=22241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=22241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}