50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T80c,

Map3D

An interactive 3D globe and map for Framer that lets visitors search any location, smoothly fly across the world, and seamlessly transition from a rotating globe to a detailed map as they zoom in.

MapExplorerGlobe works right out of the box with free map data—no API key required—or you can connect your own Mapbox access token for premium styles and rendering.

Choose between two providers:

Free: Powered by MapLibre with Streets, Satellite, Dark, Light, Terrain, and Voyager styles.
Mapbox: Supports Streets, Satellite Streets, Outdoors, Light, Dark, Navigation Day, and Navigation Night.

Visitors can search for places or enter coordinates, instantly flying to the selected location with a dropped pin. A built-in Locate Me button centers on the user's current location, while Reset View returns to the default globe.

The interactive 3D globe features a subtle atmosphere effect and optional idle auto-rotation that pauses during interaction. You can also disable globe mode for a permanent flat map or choose whether the component opens on the globe or a default location.

Clicking a pin opens a floating location card with the place name, address, optional image, phone number, and email. The card stays attached to the pin as the map moves and supports clickable phone and email links.

Everything is customizable from Framer's Properties panel, including pin and accent colors, corner radius, default location and zoom, plus toggles for the search bar, style switcher, locate button, reset button, coordinate display, and location card.

The component includes a fixed 450 × 350 default size to ensure it always displays correctly when added to your canvas.

Perfect for landing pages, contact sections, travel sites, real estate listings, portfolios, and any project that needs a modern, interactive map experience.

52:T68a,

Supported Chart Types

Bar Chart
Line Chart
Pie Chart
Doughnut Chart
Radar Chart
Polar Area Chart

Features

Multi-Chart Support Switch between chart types using a single prop
Dynamic Data Input Accepts structured datasets (labels + values)
Responsive Layout Adapts to any container using auto-layout
Theme Compatibility Works in both light and dark UI systems
Interactive Elements Supports hover states and tool tips
Smooth Animation Built-in transitions for better visual feedback

Usage

Analytics dashboards
SaaS metrics tracking
Admin panels
Portfolio case studies
Financial data visualization

Behavior

Renders chart based on selected type
Automatically maps dataset to chart format
Maintains consistent spacing and scaling
Adapts visuals based on container size

Constraints

Requires valid dataset structure
Some props are chart-specific (e.g., grid Lines for bar/line only)
Large datasets may impact performance if not optimized

Notes

Designed for Framer auto-layout environments
Keeps visual consistency across all chart types
Optimized for quick setup and reuse

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-02e42750-693d-4172-8864-53043fafa08a-all:/unified/creator/02e42750-693d-4172-8864-53043fafa08a/activity/":[{"data":[{"id":"01a0d1cd-789e-713a-bd57-e8efd663a72d","type":"comment.reply","target":{"type":"post","id":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","preview":"Chart Visual","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dMptS82n3AlkiTJEmmyY/chart-visual-Ofa7IXmW2NcTEU2xB6eQj5cdz1IdjO","targetDeleted":false,"owned":true,"actions":{"postId":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0d1cd-785f-75dd-af88-59aba2a669b8","preview":"Glad it was helpful! Happy to contribute. 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glad it was helpful! Happy to contribute. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a08d3b-f409-70ab-874f-801467deb016"},"repost":null}},"actors":[{"id":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","slug":"bhargav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T05:04:59.038Z","latestAt":"2026-09-24T05:04:59.038Z"},{"id":"01a0d1cc-6de1-73d9-aebb-6b144ce6b7ac","type":"comment.liked","target":{"type":"comment","id":"01a08d3b-f409-70ab-874f-801467deb016","preview":"Thanks for building this chart @Bhargav, really helpful.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks for building this chart "},{"type":"mention","attrs":{"id":"02e42750-693d-4172-8864-53043fafa08a","slug":"bhargav","label":"Bhargav","mentionSuggestionChar":"@"}},{"type":"text","text":", really helpful."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a08d3b-f409-70ab-874f-801467deb016"},"repost":null}},"context":{"type":"post","id":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","preview":"Chart Visual","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dMptS82n3AlkiTJEmmyY/chart-visual-Ofa7IXmW2NcTEU2xB6eQj5cdz1IdjO","targetDeleted":false,"owned":true,"actions":{"postId":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","slug":"bhargav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T05:03:50.746Z","latestAt":"2026-09-24T05:03:50.746Z"},{"id":"01a0d1cb-ad44-75b0-a01d-be9021b708b3","type":"comment.liked","target":{"type":"comment","id":"01a0b57f-0d15-7230-bc3e-6b9bf2a06b12","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f46a2-7387-77da-916d-1c86d1432dff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b57f-0d15-7230-bc3e-6b9bf2a06b12"},"repost":null}},"context":{"type":"post","id":"019f46a2-7387-77da-916d-1c86d1432dff","preview":"3D Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/02e42750-693d-4172-8864-53043fafa08a/ph2zolay","targetDeleted":false,"owned":true,"actions":{"postId":"019f46a2-7387-77da-916d-1c86d1432dff","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","slug":"bhargav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T05:03:01.438Z","latestAt":"2026-09-24T05:03:01.438Z"},{"id":"019f46a2-74e8-7433-bb25-1132705333a3","type":"component.created","target":{"type":"component","id":"nt1xnWB9LT26mgZOZpSu","preview":"3D Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/02e42750-693d-4172-8864-53043fafa08a/ph2zolay","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","slug":"bhargav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T11:27:59.720Z","latestAt":"2026-07-09T11:27:59.720Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:02e42750-693d-4172-8864-53043fafa08a:/unified/posts/?creator=02e42750-693d-4172-8864-53043fafa08a&with=reposts":[{"data":[{"id":"019f46a2-7387-77da-916d-1c86d1432dff","title":null,"body":"

Introducing Map3D for Framer.

An interactive 3D globe that smoothly transitions into a map as you zoom in. Search any place, switch map styles, drop pins, and explore the world—all with no code.

Works with free MapLibre maps or your own Mapbox token.

#Framer #WebDesign #NoCode

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing "},{"type":"text","text":"Map3D ","marks":[{"type":"bold"}]},{"type":"text","text":"for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D globe that smoothly transitions into a map as you zoom in. Search any place, switch map styles, drop pins, and explore the world—all with no code."}]},{"type":"paragraph","content":[{"type":"text","text":"Works with free MapLibre maps or your own Mapbox token."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #NoCode"}]}]},"author":{"framerUserId":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","slug":"bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nt1xnWB9LT26mgZOZpSu","resolved":true,"title":"3D Map","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Map3D"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D globe and map for Framer that lets visitors search any location, smoothly fly across the world, and seamlessly transition from a rotating globe to a detailed map as they zoom in.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"MapExplorerGlobe works right out of the box with free map data—no API key required—or you can connect your own Mapbox access token for premium styles and rendering."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose between two providers:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by MapLibre with Streets, Satellite, Dark, Light, Terrain, and Voyager styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mapbox:","marks":[{"type":"bold"}]},{"type":"text","text":" Supports Streets, Satellite Streets, Outdoors, Light, Dark, Navigation Day, and Navigation Night."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Visitors can search for places or enter coordinates, instantly flying to the selected location with a dropped pin. A built-in "},{"type":"text","text":"Locate Me","marks":[{"type":"bold"}]},{"type":"text","text":" button centers on the user's current location, while "},{"type":"text","text":"Reset View","marks":[{"type":"bold"}]},{"type":"text","text":" returns to the default globe."}]},{"type":"paragraph","content":[{"type":"text","text":"The interactive "},{"type":"text","text":"3D globe","marks":[{"type":"bold"}]},{"type":"text","text":" features a subtle atmosphere effect and optional idle auto-rotation that pauses during interaction. You can also disable globe mode for a permanent flat map or choose whether the component opens on the globe or a default location."}]},{"type":"paragraph","content":[{"type":"text","text":"Clicking a pin opens a floating location card with the place name, address, optional image, phone number, and email. The card stays attached to the pin as the map moves and supports clickable phone and email links."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is customizable from Framer's Properties panel, including pin and accent colors, corner radius, default location and zoom, plus toggles for the search bar, style switcher, locate button, reset button, coordinate display, and location card."}]},{"type":"paragraph","content":[{"type":"text","text":"The component includes a fixed "},{"type":"text","text":"450 × 350","marks":[{"type":"bold"}]},{"type":"text","text":" default size to ensure it always displays correctly when added to your canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for landing pages, contact sections, travel sites, real estate listings, portfolios, and any project that needs a modern, interactive map experience."}]}]},"introduction":"Interactive 3D globe map widget","slug":"3d-map","author":{"framerUserId":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","slug":"bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/02e42750-693d-4172-8864-53043fafa08a/ph2zolay","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T11:27:59.066Z","updatedAt":"2026-07-09T11:27:59.066Z","publishedAt":"2026-07-09T11:27:59.059Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Map3D-hRlV6F.js@VJIb1m8sp4ZMoIvc8lhy","previewUrl":"https://3dmap.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"VJIb1m8sp4ZMoIvc8lhy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T11:27:59.367Z","updatedAt":"2026-07-09T11:27:59.367Z"},{"id":"019d8cb5-0a3d-7e5b-a6e4-d8b585f2b932","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","slug":"bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dMptS82n3AlkiTJEmmyY","resolved":true,"title":"Chart Visual","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Supported Chart Types"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bar Chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pie Chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Doughnut Chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radar Chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Polar Area Chart"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-Chart Support ","marks":[{"type":"bold"}]},{"type":"text","text":"Switch between chart types using a single prop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Data Input ","marks":[{"type":"bold"}]},{"type":"text","text":"Accepts structured datasets (labels + values)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layout ","marks":[{"type":"bold"}]},{"type":"text","text":"Adapts to any container using auto-layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Theme Compatibility ","marks":[{"type":"bold"}]},{"type":"text","text":"Works in both light and dark UI systems"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Elements ","marks":[{"type":"bold"}]},{"type":"text","text":"Supports hover states and tool tips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Animation ","marks":[{"type":"bold"}]},{"type":"text","text":"Built-in transitions for better visual feedback"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Usage"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Analytics dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS metrics tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Admin panels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Financial data visualization"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Behavior"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Renders chart based on selected type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically maps dataset to chart format"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maintains consistent spacing and scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adapts visuals based on container size"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Constraints"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Requires valid dataset structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Some props are chart-specific (e.g., grid Lines for bar/line only)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large datasets may impact performance if not optimized"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Notes"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed for Framer auto-layout environments"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keeps visual consistency across all chart types"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for quick setup and reuse"}]}]}]}]},"introduction":"Multi-chart for data visuals","slug":"chart-visual","author":{"framerUserId":"02e42750-693d-4172-8864-53043fafa08a","name":"Bhargav","slug":"bhargav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/290892/IxALXjp_E-IEdOVC7cCNN3rEpBeish8syiFjQtEG","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dMptS82n3AlkiTJEmmyY/chart-visual-Ofa7IXmW2NcTEU2xB6eQj5cdz1IdjO","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T11:51:18.390Z","updatedAt":"2026-08-03T15:37:03.363Z","publishedAt":"2026-04-14T15:56:08.125Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ChartJS-rO1a4z.js@KfhOS0dESAjLR80ALkRQ","previewUrl":"https://chart-js.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"KfhOS0dESAjLR80ALkRQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":22,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T15:56:08.125Z","updatedAt":"2026-04-14T15:56:08.125Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]