{"id":30439,"date":"2017-06-14T21:01:11","date_gmt":"2017-06-14T13:01:11","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30439"},"modified":"2017-11-24T19:10:35","modified_gmt":"2017-11-24T11:10:35","slug":"build-dynamic-graph-plottable-js","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/","title":{"rendered":"Build Dynamic Graphs Quickly on D3 with Plottable.js"},"content":{"rendered":"<p>The free <strong><a href=\"https:\/\/d3js.org\/\" target=\"_blank\">D3.js<\/a> library<\/strong> is just one of many that lets you <strong>create interactive graphics<\/strong> on the page. While D3 is perhaps the most popular of the bunch, learning to use it is no easy task.<\/p>\n<p>That\u2019s why <strong><a href=\"http:\/\/plottablejs.org\/\" target=\"_blank\">Plottable.js<\/a><\/strong> is such a valuable library. It\u2019s a free open-source project <strong>built on top of D3.js<\/strong>, making it easier for anyone to create <strong>interactive data graphs from scratch<\/strong>.<\/p>\n<p>This library <strong>handles all the dirty work<\/strong>, so you can focus on the specifics such as data. Plottable <strong>generates the proper code<\/strong> for size and position of any chart you pick.<\/p>\n<p>Each chart <strong>has its own <a href=\"http:\/\/plottablejs.org\/components\/\" target=\"_blank\">Component<\/a><\/strong> in Plottable where you can <strong>copy\/paste the template code<\/strong> to rebuild the chart on your own. As of this writing, you can select from <strong>10 plot graph styles<\/strong>, including bar graphs, pie charts, scatter plots, and area plots.<\/p>\n<p>You can <strong>rebuild Components individually<\/strong> and <strong>customize their settings dynamically<\/strong>. This way, you can easily change interactive elements, colors, animations, positionings, sizes, and whatever else you need.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/js-library-interactive-charts\/\">9 Javascript Libraries For Interactive Charts<\/a>\n\t\t\t\t<\/p>\n<p>The <strong>full library<\/strong> is available <a href=\"https:\/\/github.com\/palantir\/plottable\" target=\"_blank\">on GitHub<\/a> if you want to browse the source code and download a copy.<\/p>\n<p>But, the best way to learn is through example. That\u2019s why you should take a look at their <strong><a href=\"http:\/\/plottablejs.org\/examples\/\" target=\"_blank\">sample graphs running Plottable<\/a><\/strong> to see how it works in action.<\/p>\n<figure><a href=\"http:\/\/plottablejs.org\/examples\/finance\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg\" alt=\"Plottable.js graphs\" width=\"1000\" height=\"566\"><\/a><\/figure>\n<p>Every graph is <strong>fully interactive<\/strong>, with source code to boot. If you want to rebuild a similar graph just copy\/paste the JS code and reformat as needed.<\/p>\n<p>I have two personal favorites from their site: the <strong><a href=\"http:\/\/plottablejs.org\/examples\/calendar\/\" target=\"_blank\">Calendar Heatmap<\/a><\/strong> modeled after GitHub\u2019s activity board and the <strong><a href=\"http:\/\/plottablejs.org\/examples\/synchronized\/\" target=\"_blank\">Synchronized Charts<\/a><\/strong> with dynamic selection features.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/heatmap.jpg\" alt=\"heatmap\" width=\"1774\" height=\"658\"><\/figure>\n<p>If you\u2019ve never used D3.js before then you\u2019ll struggle <a href=\"https:\/\/blog.modeanalytics.com\/learn-d3\/\" target=\"_blank\">to learn<\/a> this library. Especially, because it\u2019s <strong>written in <a href=\"https:\/\/whatpixel.com\/is-typescript-worth-learning\/\" target=\"_blank\">TypeScript<\/a><\/strong>, so you\u2019ll probably want to pick that up as well. The final code is <strong>compiled into ES5 JavaScript<\/strong>, so it should <strong>work in all major browsers<\/strong>.<\/p>\n<p>If you\u2019re willing to dive in take a look at their <strong><a href=\"http:\/\/plottablejs.org\/tutorials\/\" target=\"_blank\">Tutorials page<\/a><\/strong> full of handy resources. You\u2019ll learn everything you need to get started with Plottable and to <strong>create dynamic web-based graphs<\/strong> from scratch.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/data-visualization-tools-resources\/\">10+ Best Data Visualization Tools<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch, learning to use it is no easy task. That\u2019s why Plottable.js is such a valuable library. It\u2019s a free open-source project built on top of D3.js, making&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3393],"tags":[3497],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Build Dynamic Graphs Quickly on D3 with Plottable.js - Hongkiat<\/title>\n<meta name=\"description\" content=\"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build Dynamic Graphs Quickly on D3 with Plottable.js\" \/>\n<meta property=\"og:description\" content=\"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-14T13:01:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-24T11:10:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Build Dynamic Graphs Quickly on D3 with Plottable.js\",\"datePublished\":\"2017-06-14T13:01:11+00:00\",\"dateModified\":\"2017-11-24T11:10:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/\"},\"wordCount\":377,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-dynamic-graph-plottable-js\\\/02-plottable-graph-example.jpg\",\"keywords\":[\"Javascript Library\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/\",\"name\":\"Build Dynamic Graphs Quickly on D3 with Plottable.js - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-dynamic-graph-plottable-js\\\/02-plottable-graph-example.jpg\",\"datePublished\":\"2017-06-14T13:01:11+00:00\",\"dateModified\":\"2017-11-24T11:10:35+00:00\",\"description\":\"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-dynamic-graph-plottable-js\\\/02-plottable-graph-example.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/build-dynamic-graph-plottable-js\\\/02-plottable-graph-example.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/build-dynamic-graph-plottable-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build Dynamic Graphs Quickly on D3 with Plottable.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Build Dynamic Graphs Quickly on D3 with Plottable.js - Hongkiat","description":"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,","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:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/","og_locale":"en_US","og_type":"article","og_title":"Build Dynamic Graphs Quickly on D3 with Plottable.js","og_description":"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,","og_url":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-06-14T13:01:11+00:00","article_modified_time":"2017-11-24T11:10:35+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Build Dynamic Graphs Quickly on D3 with Plottable.js","datePublished":"2017-06-14T13:01:11+00:00","dateModified":"2017-11-24T11:10:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/"},"wordCount":377,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg","keywords":["Javascript Library"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/","url":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/","name":"Build Dynamic Graphs Quickly on D3 with Plottable.js - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg","datePublished":"2017-06-14T13:01:11+00:00","dateModified":"2017-11-24T11:10:35+00:00","description":"The free D3.js library is just one of many that lets you create interactive graphics on the page. While D3 is perhaps the most popular of the bunch,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/build-dynamic-graph-plottable-js\/02-plottable-graph-example.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/build-dynamic-graph-plottable-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Build Dynamic Graphs Quickly on D3 with Plottable.js"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7UX","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=30439"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30439\/revisions"}],"predecessor-version":[{"id":41954,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30439\/revisions\/41954"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30439"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}