{"id":19303560,"url":"https://github.com/matthewcallis/canvas-graphs","last_synced_at":"2025-04-22T11:32:09.620Z","repository":{"id":1331214,"uuid":"1276942","full_name":"MatthewCallis/Canvas-Graphs","owner":"MatthewCallis","description":"Simple HTML5 Canvas Graphs / Charts for WordPress.","archived":false,"fork":false,"pushed_at":"2011-01-21T04:04:16.000Z","size":112,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-01T22:47:03.146Z","etag":null,"topics":["charts","graphs","php","wordpre","wordpress-plugin"],"latest_commit_sha":null,"homepage":"https://superfamicom.org/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MatthewCallis.png","metadata":{"files":{"readme":"readme.mdown","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-01-21T02:23:32.000Z","updated_at":"2025-02-02T15:54:50.000Z","dependencies_parsed_at":"2022-08-16T13:10:17.861Z","dependency_job_id":null,"html_url":"https://github.com/MatthewCallis/Canvas-Graphs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthewCallis%2FCanvas-Graphs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthewCallis%2FCanvas-Graphs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthewCallis%2FCanvas-Graphs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthewCallis%2FCanvas-Graphs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MatthewCallis","download_url":"https://codeload.github.com/MatthewCallis/Canvas-Graphs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250232208,"owners_count":21396595,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["charts","graphs","php","wordpre","wordpress-plugin"],"created_at":"2024-11-09T23:26:47.390Z","updated_at":"2025-04-22T11:32:08.250Z","avatar_url":"https://github.com/MatthewCallis.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Canvas Graphs for WordPress ##\n\nThis plugin allows you to easily create HTML canvas based graphs on your WordPress blog. It uses the simple [HTML5 Graph](http://chrisvalleskey.com/html5-graph/) script by [Chris Valleskey](http://chrisvalleskey.com/) with modifications by me to adjust the labels and allow the first data point to show properly.\n\n![Example Graph](https://github.com/MatthewCallis/Canvas-Graphs/raw/master/screenshot-1.png)\n\n## Format ##\n\n    [graph argument=\"value\" ...]CSV Data[/graph]\n    [graph id=\"example\" background=\"#f9f8f7\" width=\"446\" height=\"200\" grid=\"20,10\" leftOffset=\"14\" showshadow=\"true\"]0,10,20,30,40,50,60,70[/graph]\n\n## Parameters ##\n\n**id**: Defines the `id` of the canvas element, such as `\"graph\"`.\n\n**showline**: Boolean value. Will show or hide the line on the graph.\n\n**lineWidth**: Decimal value. The width of the line if it is being show and greater than 0.\n\n**strokeStyle**: Hexadecimal color or rgba() value. This is the color and opacity of the line.\n\n**showfill**: Boolean value. Will show or hide the fill beneath the lines on the graph.\n\n**fillStyle**: Hexadecimal color or rgba() value. This is the color and opacity of the fill beneath the lines.\n\n**showdots**: Boolean value. Will show or hide the actual dots on the lines on the graph.\n\n**showgrid**: Boolean value. Will show or hide the grid.\n\n**grid**: [Decimal, Decimal] value. This sets the grids width and heigh for each unit.\n\n**gridcolor**: Hexadecimal color or rgba() value. This is the color and opacity of the grid lines.\n\n**background**: Hexadecimal color or rgba() value. This is the color and opacity of the background of the canvas.\n\n**showlabels**: Boolean value. Will show or hide the labels on the grid.\n\n**labelfilter**: String value. This is a string where `%label%` will be replaced with the actual label value, so something like `$%label%` might become `$40`.\n\n**range**: [Decimal, Decimal] value. This sets maximum and minimum range for data on the grids Y axis.\n\n**leftOffset**: Decimal value. This defines the starting offset from the left and is used to allow longer labels to show the first point clearly.\n\n**call**: This is a callback function that will return a single value when called for a live graph, such as `randomNumbers` where the function looks like `function randomNumbers(){return Math.floor(Math.random()*100) + 50;}`.\n\n**interval**: Integer value. This sets the interval between calls when using the `call` parameter.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthewcallis%2Fcanvas-graphs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatthewcallis%2Fcanvas-graphs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthewcallis%2Fcanvas-graphs/lists"}