[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"marketplace-site-banners":3,"github-stars":9,"@directus-labs\u002Ftimeline-chart-panel":115},[4],{"id":5,"icon":6,"content":7,"link":8,"include_paths":6,"exclude_paths":6},"5cf2f5f6-aecf-4395-8c23-69de326fdf02",null,"AI Assistant: Query Your Data, Update Content + More","https:\u002F\u002Fdirectus.com\u002Fai",{"id":10,"node_id":11,"name":12,"full_name":13,"private":14,"owner":15,"html_url":33,"description":34,"fork":14,"url":35,"forks_url":36,"keys_url":37,"collaborators_url":38,"teams_url":39,"hooks_url":40,"issue_events_url":41,"events_url":42,"assignees_url":43,"branches_url":44,"tags_url":45,"blobs_url":46,"git_tags_url":47,"git_refs_url":48,"trees_url":49,"statuses_url":50,"languages_url":51,"stargazers_url":52,"contributors_url":53,"subscribers_url":54,"subscription_url":55,"commits_url":56,"git_commits_url":57,"comments_url":58,"issue_comment_url":59,"contents_url":60,"compare_url":61,"merges_url":62,"archive_url":63,"downloads_url":64,"issues_url":65,"pulls_url":66,"milestones_url":67,"notifications_url":68,"labels_url":69,"releases_url":70,"deployments_url":71,"created_at":72,"updated_at":73,"pushed_at":74,"git_url":75,"ssh_url":76,"clone_url":77,"svn_url":33,"homepage":78,"size":79,"stargazers_count":80,"watchers_count":80,"language":81,"has_issues":82,"has_projects":82,"has_downloads":14,"has_wiki":14,"has_pages":14,"has_discussions":82,"forks_count":83,"mirror_url":6,"archived":14,"disabled":14,"open_issues_count":84,"license":85,"allow_forking":82,"is_template":14,"web_commit_signoff_required":14,"has_pull_requests":82,"pull_request_creation_policy":90,"topics":91,"visibility":32,"forks":83,"open_issues":84,"watchers":80,"default_branch":111,"temp_clone_token":6,"custom_properties":112,"organization":113,"network_count":83,"subscribers_count":114},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus\u002Fdirectus",false,{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15967950?v=4","","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus","https:\u002F\u002Fgithub.com\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowers","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowing{\u002Fother_user}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fgists{\u002Fgist_id}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fstarred{\u002Fowner}{\u002Frepo}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fsubscriptions","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Forgs","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Frepos","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fevents{\u002Fprivacy}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Freceived_events","Organization","public","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fforks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fkeys{\u002Fkey_id}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcollaborators{\u002Fcollaborator}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fteams","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fhooks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fevents{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fevents","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fassignees{\u002Fuser}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fbranches{\u002Fbranch}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Ftags","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fblobs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftags{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Frefs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftrees{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstatuses\u002F{sha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flanguages","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstargazers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontributors","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscribers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscription","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontents\u002F{+path}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcompare\u002F{base}...{head}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmerges","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002F{archive_format}{\u002Fref}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdownloads","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fpulls{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmilestones{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fnotifications{?since,all,participating}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flabels{\u002Fname}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Freleases{\u002Fid}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdeployments","2012-12-12T01:35:36Z","2026-10-24T20:37:50Z","2026-10-23T22:30:19Z","git:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","git@github.com:directus\u002Fdirectus.git","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","https:\u002F\u002Fdirectus.com",454959,38630,"TypeScript",true,4982,351,{"key":86,"name":87,"spdx_id":88,"url":6,"node_id":89},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[92,93,94,95,96,97,12,98,99,100,101,102,103,104,105,106,107,108,109,110],"api","app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},340,{"name":116,"description":117,"verified":14,"id":118,"readme":119,"type":120,"publisher":121,"last_updated":128,"host_version":129,"downloads":130,"total_downloads":131,"sandbox":82,"license":6,"versions":132,"formatted_name":153,"formatted_readme":154,"formatted_description":117,"featured_image":155,"images":156,"recent_downloads_7_days":131,"recent_downloads_30_days":131},"@directus-labs\u002Ftimeline-chart-panel","View timelines for various items in Directus","d62e7755-2636-412f-a05b-f5c832ca7234","# Directus Timeline Chart Panel\n\nPresent a series of tasks or events with a start and end date on a graph. You can also group data into categories on the y axis and seperate tasks into different colors.\n\n![Timeline Chart Panel](https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart.jpg)\n\n## Usage\n\nThe graph will be rendered within the new panel. While small, the graph won't show legends or labels. Hover over data points to reveal the value (if enabled).\n\nIf you choose to split the task\u002Fevent into different series, a legend will appear at the bottom. Hover over a series in the legend to highlight all data for that series. You can also toggle which series are visible by clicking the series label in the legend.\n\nYou can change the following options:\n\n- Collection Selection\n- Filters\n- Y Label\n- Start and End Dates\n- Display Text on the task\u002Fevent\n- Grouping\n- Color\n- Hide\u002FShow Tooltips\n- Data Labels\n\n## Requirements\n\n- Directus 10.10.0+\n- DateTime, Date or Timestamp field for Date Start and Date End fields\n- String field for Y Axis Labels\n- Fields must be in the same table\n\n### Example\n\n|  Label  |  Start  |  End  | User | Task |\n|---------|---------|-------|------|------|\n| Design | 2024-09-02 | 2024-09-12 | Brian | UI Mockup |\n| Design | 2024-09-08 | 2024-09-16 | Sarah | DB Schema Design |\n| Code | 2024-09-19 | 2024-10-08 | Michelle | Frontend Development |\n| Code | 2024-09-14 | 2024-10-12 | Robert | Core Development |\n| Test | 2024-10-20 | 2024-10-31 | Ben | Frontend Testing |\n| Test | 2024-10-18 | 2024-10-26 | Kate | Cybersecurity Testing |\n\n## Installation\n\nRefer to the Official Guide for details on installing the extension from the Marketplace or manually.\n\n## How to add this Panel\n\n1. Create a new Panel and select **Timeline Chart** from the list\n2. Choose the collection and the fields to use for the Label, Start and End Dates\n3. (Optional) Filter the data to your scope\n4. (Optional) Select the field to Group data into series\n5. (Optional) Select the field for the Task\u002FEvent names\n6. (Optional) Use the header to create a name for this panel\n7. Save the panel and position\u002Fresize as required\n8. Save the dashboard\n\n![Customise the panel](https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart-customize.jpg)\n\n\n## Permissions\n\nThis extension uses the current session permissions and will only show the permitted data.\n","panel",{"username":122,"verified":82,"id":123,"github_username":122,"github_name":124,"github_blog":125,"github_bio":6,"github_location":126,"github_company":6,"github_avatar_url":127},"phazonoverload","8486d50d-a6bc-45c6-8627-60f3c144732c","Kevin Lewis","https:\u002F\u002Flws.io","Berlin","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1461554?v=4","2024-11-18T20:51:35.319Z","^10.0.0 || ^11.0.0",[],0,[133,144],{"version":134,"package":118,"publisher":123,"type":120,"host_version":129,"publish_date":135,"verified":14,"id":136,"url_repository":6,"url_homepage":6,"url_bugs":6,"file_count":137,"unpacked_size":138,"bundled":139,"maintainers":140,"sandbox":82,"sandbox_requested_scopes":6,"license":6},"1.0.0","2024-11-18T20:50:15.627Z","38ff485b-d731-4dcd-85d3-11888dc94f46",3,643911,[],[141,142,143],11593,11594,11595,{"version":145,"package":118,"publisher":123,"type":120,"host_version":129,"publish_date":128,"verified":14,"id":146,"url_repository":6,"url_homepage":6,"url_bugs":6,"file_count":137,"unpacked_size":147,"bundled":148,"maintainers":149,"sandbox":82,"sandbox_requested_scopes":6,"license":6},"1.0.1","701aac11-ba15-4751-85b6-a3023ef88107",643922,[],[150,151,152],11596,11597,11598,"Timeline Chart Panel","\u003Ch1>Directus Timeline Chart Panel\u003C\u002Fh1>\n\u003Cp>Present a series of tasks or events with a start and end date on a graph. You can also group data into categories on the y axis and seperate tasks into different colors.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart.jpg\" alt=\"Timeline Chart Panel\">\u003C\u002Fp>\n\u003Ch2>Usage\u003C\u002Fh2>\n\u003Cp>The graph will be rendered within the new panel. While small, the graph won't show legends or labels. Hover over data points to reveal the value (if enabled).\u003C\u002Fp>\n\u003Cp>If you choose to split the task\u002Fevent into different series, a legend will appear at the bottom. Hover over a series in the legend to highlight all data for that series. You can also toggle which series are visible by clicking the series label in the legend.\u003C\u002Fp>\n\u003Cp>You can change the following options:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Collection Selection\u003C\u002Fli>\n\u003Cli>Filters\u003C\u002Fli>\n\u003Cli>Y Label\u003C\u002Fli>\n\u003Cli>Start and End Dates\u003C\u002Fli>\n\u003Cli>Display Text on the task\u002Fevent\u003C\u002Fli>\n\u003Cli>Grouping\u003C\u002Fli>\n\u003Cli>Color\u003C\u002Fli>\n\u003Cli>Hide\u002FShow Tooltips\u003C\u002Fli>\n\u003Cli>Data Labels\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Requirements\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Directus 10.10.0+\u003C\u002Fli>\n\u003Cli>DateTime, Date or Timestamp field for Date Start and Date End fields\u003C\u002Fli>\n\u003Cli>String field for Y Axis Labels\u003C\u002Fli>\n\u003Cli>Fields must be in the same table\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Example\u003C\u002Fh3>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Label\u003C\u002Fth>\n\u003Cth>Start\u003C\u002Fth>\n\u003Cth>End\u003C\u002Fth>\n\u003Cth>User\u003C\u002Fth>\n\u003Cth>Task\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Design\u003C\u002Ftd>\n\u003Ctd>2024-09-02\u003C\u002Ftd>\n\u003Ctd>2024-09-12\u003C\u002Ftd>\n\u003Ctd>Brian\u003C\u002Ftd>\n\u003Ctd>UI Mockup\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Design\u003C\u002Ftd>\n\u003Ctd>2024-09-08\u003C\u002Ftd>\n\u003Ctd>2024-09-16\u003C\u002Ftd>\n\u003Ctd>Sarah\u003C\u002Ftd>\n\u003Ctd>DB Schema Design\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Code\u003C\u002Ftd>\n\u003Ctd>2024-09-19\u003C\u002Ftd>\n\u003Ctd>2024-10-08\u003C\u002Ftd>\n\u003Ctd>Michelle\u003C\u002Ftd>\n\u003Ctd>Frontend Development\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Code\u003C\u002Ftd>\n\u003Ctd>2024-09-14\u003C\u002Ftd>\n\u003Ctd>2024-10-12\u003C\u002Ftd>\n\u003Ctd>Robert\u003C\u002Ftd>\n\u003Ctd>Core Development\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Test\u003C\u002Ftd>\n\u003Ctd>2024-10-20\u003C\u002Ftd>\n\u003Ctd>2024-10-31\u003C\u002Ftd>\n\u003Ctd>Ben\u003C\u002Ftd>\n\u003Ctd>Frontend Testing\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Test\u003C\u002Ftd>\n\u003Ctd>2024-10-18\u003C\u002Ftd>\n\u003Ctd>2024-10-26\u003C\u002Ftd>\n\u003Ctd>Kate\u003C\u002Ftd>\n\u003Ctd>Cybersecurity Testing\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2>Installation\u003C\u002Fh2>\n\u003Cp>Refer to the Official Guide for details on installing the extension from the Marketplace or manually.\u003C\u002Fp>\n\u003Ch2>How to add this Panel\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Create a new Panel and select \u003Cstrong>Timeline Chart\u003C\u002Fstrong> from the list\u003C\u002Fli>\n\u003Cli>Choose the collection and the fields to use for the Label, Start and End Dates\u003C\u002Fli>\n\u003Cli>(Optional) Filter the data to your scope\u003C\u002Fli>\n\u003Cli>(Optional) Select the field to Group data into series\u003C\u002Fli>\n\u003Cli>(Optional) Select the field for the Task\u002FEvent names\u003C\u002Fli>\n\u003Cli>(Optional) Use the header to create a name for this panel\u003C\u002Fli>\n\u003Cli>Save the panel and position\u002Fresize as required\u003C\u002Fli>\n\u003Cli>Save the dashboard\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart-customize.jpg\" alt=\"Customise the panel\">\u003C\u002Fp>\n\u003Ch2>Permissions\u003C\u002Fh2>\n\u003Cp>This extension uses the current session permissions and will only show the permitted data.\u003C\u002Fp>\n","https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart.jpg",[155,157],"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Ftimeline-chart-panel\u002Fdocs\u002Fdirectus-panel-timeline-chart-customize.jpg"]