{"id":26007343,"url":"https://github.com/a6b8/statosio-for-ruby","last_synced_at":"2026-04-15T22:35:29.327Z","repository":{"id":59156414,"uuid":"374094616","full_name":"a6b8/statosio-for-ruby","owner":"a6b8","description":"Statosio generate charts in a .svg format. Works with prawn-svg to generate .pdf documents. ","archived":false,"fork":false,"pushed_at":"2026-02-15T10:45:33.000Z","size":2589,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-15T16:10:47.452Z","etag":null,"topics":["d3","d3js","javascript","ruby"],"latest_commit_sha":null,"homepage":"https://docs.statosio.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/a6b8.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-05T11:18:47.000Z","updated_at":"2026-02-15T10:45:36.000Z","dependencies_parsed_at":"2022-09-13T20:11:28.216Z","dependency_job_id":null,"html_url":"https://github.com/a6b8/statosio-for-ruby","commit_stats":null,"previous_names":["a6b8/statosio.rb"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/a6b8/statosio-for-ruby","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fstatosio-for-ruby","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fstatosio-for-ruby/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fstatosio-for-ruby/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fstatosio-for-ruby/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/a6b8","download_url":"https://codeload.github.com/a6b8/statosio-for-ruby/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fstatosio-for-ruby/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31863495,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["d3","d3js","javascript","ruby"],"created_at":"2025-03-05T21:47:03.586Z","updated_at":"2026-04-15T22:35:29.303Z","avatar_url":"https://github.com/a6b8.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/custom/statosio-for-ruby.svg\" height=\"45px\" alt=\"Statosio for Ruby\" name=\"# Statosio for Ruby\"\u003e\n\u003c/a\u003e \n \nStatosio generate charts in a ```.svg``` format. Works with [prawn-svg](https://github.com/mogest/prawn-svg) to generate ```.pdf``` documents. \n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/examples.svg\" height=\"45px\" alt=\"Examples\" name=\"examples\"\u003e\n\u003c/a\u003e\n\n### Select\n![# docs.statosio](https://docs.statosio.com/assets/images/example-select-400.jpg)\u003cbr\u003e\n[Select and change position of columns](https://docs.statosio.com/tutorials/select-data.html)\n### Sort Data\n![# docs.statosio](https://docs.statosio.com/assets/images/example-sort-400.jpg)\u003cbr\u003e\n[Sort dataset by values](https://docs.statosio.com/tutorials/sort-data.html)\n### Change Style\n![# docs.statosio](https://docs.statosio.com/assets/images/example-customize-400.jpg)\u003cbr\u003e\n[Change style to dark-mode](https://docs.statosio.com/tutorials/change-style.html)\n\n\u003cbr\u003e\n\n\u003ca href=\"#headline\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/table-of-contents.svg\" height=\"45px\" name=\"table-of-contents\" alt=\"Table of Contents\"\u003e\n\u003c/a\u003e\n\u003cbr\u003e\n\n1. [Examples](#examples)\u003cbr\u003e\n1. [Quickstart](#quickstart)\u003cbr\u003e\n1. [Code Generator](#code-generator)\n1. [Introduction](#introduction)\u003cbr\u003e\n1. [Documentation](#documentation)\u003cbr\u003e\n1. [Chart Types](#chart-types)\u003cbr\u003e\n1. [Parameters](#parameters)\u003cbr\u003e\n1. [Options](#options)\n1. [Contributing](#contributing)\n1. [License](#license)\u003cbr\u003e\n1. [Code of Conduct](#code-of-conduct)\u003cbr\u003e\n1.  [Support my Work](#support-my-work)\u003cbr\u003e\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/quickstart.svg\" height=\"45px\" alt=\"Quickstart\" name=\"quickstart\"\u003e\n\u003c/a\u003e\n\n```ruby\ngem install 'statosio'\ngem install 'open-uri'\ngem install 'json'\n```\n\n```ruby\nrequire 'statosio'\nrequire 'open-uri'\nrequire 'json'\n\n# Initialize Statosio\nstatosio = Statosio::Generate.new\n\n# Load Sample Dataset\nurl = 'https://docs.statosio.com/data/performance.json'\ncontent = URI.open( url ).read\ndataset = JSON.parse( content )\n\n# Generate chart as .svg\nchart = statosio.svg(\n    dataset: dataset,\n    x: 'name',\n    y: 'mobile',\n    options: {}\n)\n\nputs chart\n# -\u003e \u003csvg\u003e[]....\u003c/svg\u003e\n```\n\n\u003e The render process is based on ```puppeteer-ruby```. You may need to have puppeteer installed. Find more Informations [here](https://github.com/YusukeIwaki/puppeteer-ruby#whale-running-in-docker). \n\u003e \n\u003e Also note that there is an other gem called ```puppeteer``` it causes namespace conflict with the gem above. You need to deinstall before.\n\n\u003cbr\u003e\n\n### ```Statosio``` with  [prawn](https://github.com/prawnpdf/prawn)\n```ruby\ngem install 'statosio'\ngem install 'prawn'\ngem install 'prawn-svg'\n```\n\n```ruby\nrequire 'open-uri'\nrequire 'statosio'\n\nrequire 'prawn'\nrequire 'prawn-svg'\n\n# Initialize Statosio\nstatosio = Statosio::Generate.new\n\n# Load Sample Dataset\nurl = 'https://docs.statosio.com/data/performance.json'\ncontent = URI.open( url ).read\ndataset = JSON.parse( content )\n\n# Generate Statosio\nchart = statosio.svg(\n    dataset: dataset,\n    x: 'name',\n    y: 'mobile',\n    options: {}\n)\n\n# Generate .pdf\nPrawn::Document.generate( \"statosio.pdf\" ) do | pdf |\n  pdf.svg( chart, width: 500, )\nend\n```\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/setup.svg\" height=\"45px\" name=\"Setup\" alt=\"Setup\"\u003e\n\u003c/a\u003e\n\nAdd this line to your application's Gemfile:\n\n```ruby\ngem 'statosio'\n```\n\nAnd then execute:\n\n    $ bundle install\n\nOr install it yourself as:\n\n    $ gem install statosio\n\n\nOn Rubygems: \n- Gem: https://rubygems.org/gems/statosio\n- Profile: https://rubygems.org/profiles/a6b8\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/code-generator.svg\" height=\"45px\" alt=\"Code Generator\" name=\"code-generator\"\u003e\n\u003c/a\u003e\n\n[https://a6b8.github.io/statosio-shortcode-generator](https://a6b8.github.io/statosio-shortcode-generator)\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/introduction.svg\" height=\"45px\" alt=\"Introduction\" name=\"introduction\"\u003e\n\u003c/a\u003e\n\n[https://www.youtube.com/watch?v=i6od9O8jz1E](https://www.youtube.com/watch?v=i6od9O8jz1E)\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/documentation.svg\" height=\"45px\" alt=\"Documentation\" name=\"documentation\"\u003e\n\u003c/a\u003e\n\n[https://docs.statosio.com](https://docs.statosio.com/)\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/chart-types.svg\" height=\"45px\" alt=\"Chart Types\" name=\"chart-types\"\u003e\n\u003c/a\u003e\n\n✔️ build simple diagrams fast and reliable, with one function!\u003cbr\u003e\n✔️ pure javascript, no additonal css.\u003cbr\u003e\n✔️ highly customizable with 40+ style and data options.\u003cbr\u003e\n\n### Bar\n![# d3.statosio](https://docs.statosio.com/assets/images/example-bar-400.jpg)\u003cbr\u003e\n[Create simple bar chart](https://docs.statosio.com/tutorials/simple-bar-chart.html)\n### Point\n![# d3.statosio](https://docs.statosio.com/assets/images/example-point-400.jpg)\u003cbr\u003e\n[Create a simple point chart](https://docs.statosio.com/tutorials/simple-point-chart.html)\n### Stacked\n![# d3.statosio](https://docs.statosio.com/assets/images/example-stacked-bar-400.jpg)\u003cbr\u003e\n[Create simple stacked bar chart](https://docs.statosio.com/tutorials/simple-stacked-bar-chart.html)\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/parameters.svg\" height=\"45px\" alt=\"Parameters\" name=\"parameters\"\u003e\n\u003c/a\u003e\n\n| | **Value** | **Type** | **Required** |\n|------:|:------|:------| :------|\n| **dataset** | ```[{},{}...]``` | Array of Hash | yes |\n| **x** | ```\"name\"``` | String | yes |\n| **y** | ```\"mobile\"```, ```[ \"mobile\",... ]``` | String or Array of Strings | yes |\n| **options** | ```{}``` | Hash | yes |\n| **silent** | ```true``` or ```false```| Boolean | no |\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/options.svg\" height=\"45px\" alt=\"Options\" name=\"options\"\u003e\n\u003c/a\u003e\n\n|   | **Option** | **Default** | **Examples** | **Description** |\n|:--|:--|:--|:--|:--|\n| A.1. | [showTitle](https://docs.statosio.com/options/show__title.html) | false | [A](https://docs.statosio.com/options/show__title.html#example-a), [B](https://docs.statosio.com/options/show__title.html#example-b) | Show or hide title on the front of the diagram. |\n| A.2. | [showLegend](https://docs.statosio.com/options/show__legend.html) | false | [A](https://docs.statosio.com/options/show__legend.html#example-a), [B](https://docs.statosio.com/options/show__legend.html#example-b), [C](https://docs.statosio.com/options/show__legend.html#example-c) | Show or hide legend. Recommended for stacked diagrams. |\n| A.3. | [showAverage](https://docs.statosio.com/options/show__average.html) | true | [A](https://docs.statosio.com/options/show__average.html#example-a), [B](https://docs.statosio.com/options/show__average.html#example-b), [C](https://docs.statosio.com/options/show__average.html#example-c) | Calculate and show average line |\n| A.4. | [showRangeYLog](https://docs.statosio.com/options/show__range_y_log.html) | false | [A](https://docs.statosio.com/options/show__range_y_log.html#example-a), [B](https://docs.statosio.com/options/show__range_y_log.html#example-b) | Calculate and show range y in a log scale. |\n| A.5. | [showDataAsCircle](https://docs.statosio.com/options/show__data_as_circle.html) | false | [A](https://docs.statosio.com/options/show__data_as_circle.html#example-a), [B](https://docs.statosio.com/options/show__data_as_circle.html#example-b), [C](https://docs.statosio.com/options/show__data_as_circle.html#example-c) | Show data as circles instead of rectangles. Only for not stacked diagram available. |\n| B.1. | [viewTitle](https://docs.statosio.com/options/view__title.html) | \"Statosio Demo\" | [A](https://docs.statosio.com/options/view__title.html#example-a) | Set title content. |\n| B.2. | [viewDomId](https://docs.statosio.com/options/view__dom_id.html) | \"d3_statosio\" | [A](https://docs.statosio.com/options/view__dom_id.html#example-a) | Set id from the \u003cdiv\u003e Element which holds the d3 content inside. |\n| B.3. | [viewMarginTop](https://docs.statosio.com/options/view__margin__top.html) | 20 | [A](https://docs.statosio.com/options/view__margin__top.html#example-a), [B](https://docs.statosio.com/options/view__margin__top.html#example-b) | Set margin top |\n| B.4. | [viewMarginRight](https://docs.statosio.com/options/view__margin__right.html) | 40 | [A](https://docs.statosio.com/options/view__margin__right.html#example-a), [B](https://docs.statosio.com/options/view__margin__right.html#example-b) | Set margin right |\n| B.5. | [viewMarginBottom](https://docs.statosio.com/options/view__margin__bottom.html) | 100 | [A](https://docs.statosio.com/options/view__margin__bottom.html#example-a), [B](https://docs.statosio.com/options/view__margin__bottom.html#example-b) | Set margin bottom |\n| B.6. | [viewMarginLeft](https://docs.statosio.com/options/view__margin__left.html) | 60 | [A](https://docs.statosio.com/options/view__margin__left.html#example-a), [B](https://docs.statosio.com/options/view__margin__left.html#example-b) | Set margin left |\n| B.7. | [viewWidthOuter](https://docs.statosio.com/options/view__width__outer.html) | 600 | [A](https://docs.statosio.com/options/view__width__outer.html#example-a), [B](https://docs.statosio.com/options/view__width__outer.html#example-b) | Set width of the \"canvas\" including margin, titles etc. |\n| B.8. | [viewHeightOuter](https://docs.statosio.com/options/view__height__outer.html) | 300 | [A](https://docs.statosio.com/options/view__height__outer.html#example-a), [B](https://docs.statosio.com/options/view__height__outer.html#example-b) | Set height of the \"canvas\" including margin. |\n| B.9. | [viewTranslateMultiplicator](https://docs.statosio.com/options/view__translate__multiplicator.html) | 1.5 | [A](https://docs.statosio.com/options/view__translate__multiplicator.html#example-a), [B](https://docs.statosio.com/options/view__translate__multiplicator.html#example-b) | Between title, legend and diagram are spaces. These spaces gets calculated through this multiplicator. |\n| C.1. | [dataXKey](https://docs.statosio.com/options/data__x__key.html) | \"\" |  | Expect a \"key\" name from the dataset to arrange the x range. |\n| C.2. | [dataXSelectors](https://docs.statosio.com/options/data__x__selectors.html) | [] | [A](https://docs.statosio.com/options/data__x__selectors.html#example-a), [B](https://docs.statosio.com/options/data__x__selectors.html#example-b) | Expect one or more names which are included in the x range. |\n| C.3. | [dataXTextLength](https://docs.statosio.com/options/data__x__text__length.html) | 25 | [A](https://docs.statosio.com/options/data__x__text__length.html#example-a), [B](https://docs.statosio.com/options/data__x__text__length.html#example-b) | This value counts the length of the x range names an cut of the rest. |\n| C.4. | [dataXTextPlaceholder](https://docs.statosio.com/options/data__x__text__placeholder.html) | \"...\" | [A](https://docs.statosio.com/options/data__x__text__placeholder.html#example-a), [B](https://docs.statosio.com/options/data__x__text__placeholder.html#example-b) | Set an suffix behind a string. As a signal to the viewer, that the text was cut of. |\n| C.5. | [dataYKeys](https://docs.statosio.com/options/data__y__keys.html) | [] |  | Expect \"keys\" from the dataset to arrange the y range. If you use one key the internal state is \"bar\". if you use multiple the internal is \"stacked\" |\n| C.6. | [dataYTicks](https://docs.statosio.com/options/data__y__ticks.html) | 5 | [A](https://docs.statosio.com/options/data__y__ticks.html#example-a), [B](https://docs.statosio.com/options/data__y__ticks.html#example-b) | Ticks in d3 land means \"steps\". Here you can set the steps from the grid and y range. |\n| C.7. | [dataSortCurrent](https://docs.statosio.com/options/data__sort__current.html) | \"none\" | [A](https://docs.statosio.com/options/data__sort__current.html#example-a), [B](https://docs.statosio.com/options/data__sort__current.html#example-b) | Set the general route for sorting. You can choose between \"none\", \"values\", \"names\". |\n| C.8. | [dataSortByValues](https://docs.statosio.com/options/data__sort__by__values.html) | \"decending\" | [A](https://docs.statosio.com/options/data__sort__by__values.html#example-a), [B](https://docs.statosio.com/options/data__sort__by__values.html#example-b), [C](https://docs.statosio.com/options/data__sort__by__values.html#example-c) | Here you can set type of sorting. You can choose between \"ascending\" and \"decending\" |\n| C.9. | [dataSortByNames](https://docs.statosio.com/options/data__sort__by__names.html) | \"ascending\" | [A](https://docs.statosio.com/options/data__sort__by__names.html#example-a), [B](https://docs.statosio.com/options/data__sort__by__names.html#example-b) | Here you can set type of sorting. You can choose between \"ascending\" and \"decending\" |\n| C.10. | [dataSortSelection](https://docs.statosio.com/options/data__sort__selection.html) | \"none\" | [A](https://docs.statosio.com/options/data__sort__selection.html#example-a), [B](https://docs.statosio.com/options/data__sort__selection.html#example-b), [C](https://docs.statosio.com/options/data__sort__selection.html#example-c) | Change position of your selection. You can choose between \"start\", \"end\" and \"none\" |\n| C.11. | [dataLegendTextSeparater](https://docs.statosio.com/options/data__legend__text__separater.html) | \"_\" | [A](https://docs.statosio.com/options/data__legend__text__separater.html#example-a) | This tweak split your keys with the separater and capitalize every word and insert a space in between. |\n| D.1. | [styleColorAverage](https://docs.statosio.com/options/style__color__average.html) | \"#000000\" | [A](https://docs.statosio.com/options/style__color__average.html#example-a), [B](https://docs.statosio.com/options/style__color__average.html#example-b) | Set color of the average line. |\n| D.2. | [styleColorCanvasBackground](https://docs.statosio.com/options/style__color__canvas_background.html) | \"white\" | [A](https://docs.statosio.com/options/style__color__canvas_background.html#example-a), [B](https://docs.statosio.com/options/style__color__canvas_background.html#example-b) | Set background color. |\n| D.3. | [styleColorFont](https://docs.statosio.com/options/style__color__font.html) | \"#000000\" | [A](https://docs.statosio.com/options/style__color__font.html#example-a), [B](https://docs.statosio.com/options/style__color__font.html#example-b) | Set default font color. Excluding non-selection content. |\n| D.4. | [styleColorLegends](https://docs.statosio.com/options/style__color__legends.html) | [\"#5186EC\", \"#D95040\", \"#F2BD42\"] | [A](https://docs.statosio.com/options/style__color__legends.html#example-a), [B](https://docs.statosio.com/options/style__color__legends.html#example-b) | Set legend color palettes. Expect an array of \"hex\" values or \"html\" color-names. |\n| D.5. | [styleColorGridline](https://docs.statosio.com/options/style__color__gridline.html) | \"#E5E5E5\" | [A](https://docs.statosio.com/options/style__color__gridline.html#example-a), [B](https://docs.statosio.com/options/style__color__gridline.html#example-b) | Set the gridline color. Use \"hex\" value or \"html\" color-names. |\n| D.6. | [styleColorSelectorsChart](https://docs.statosio.com/options/style__color__selectors__chart.html) | [\"#EE752F\", \"#5186EC\"] | [A](https://docs.statosio.com/options/style__color__selectors__chart.html#example-a), [B](https://docs.statosio.com/options/style__color__selectors__chart.html#example-b) | Colorize the chart of the selection. Use \"hex\" values or \"html\" color-names. |\n| D.7. | [styleColorSelectorsText](https://docs.statosio.com/options/style__color__selectors__text.html) | [\"#000000\", \"#000000\"] | [A](https://docs.statosio.com/options/style__color__selectors__text.html#example-a), [B](https://docs.statosio.com/options/style__color__selectors__text.html#example-b) | Colorize the font of the selection. Use \"hex\" values or \"html\" color-names. |\n| D.8. | [styleFontSizeText](https://docs.statosio.com/options/style__font__size__text.html) | 10 | [A](https://docs.statosio.com/options/style__font__size__text.html#example-a), [B](https://docs.statosio.com/options/style__font__size__text.html#example-b) | Set default font size, including selection. |\n| D.9. | [styleFontSizeTitle](https://docs.statosio.com/options/style__font__size__title.html) | 18 | [A](https://docs.statosio.com/options/style__font__size__title.html#example-a), [B](https://docs.statosio.com/options/style__font__size__title.html#example-b) | Set font size of title |\n| D.10. | [styleFontFamily](https://docs.statosio.com/options/style__font__family.html) | \"arial\" | [A](https://docs.statosio.com/options/style__font__family.html#example-a), [B](https://docs.statosio.com/options/style__font__family.html#example-b) | Set default font family |\n| D.11. | [styleFontFormatSelectors](https://docs.statosio.com/options/style__font__format__selectors.html) | [\"bold\", \"normal\"] | [A](https://docs.statosio.com/options/style__font__format__selectors.html#example-a), [B](https://docs.statosio.com/options/style__font__format__selectors.html#example-b) | Set format of content use \"Html\" Syntax (\"bold\", \"underline\", \"normal\" etc.).  |\n| D.12. | [styleStrokeAverage](https://docs.statosio.com/options/style__stroke__average.html) | 2 | [A](https://docs.statosio.com/options/style__stroke__average.html#example-a), [B](https://docs.statosio.com/options/style__stroke__average.html#example-b) | Set stroke weight of average line. |\n| D.13. | [styleStrokeGridline](https://docs.statosio.com/options/style__stroke__gridline.html) | 2 | [A](https://docs.statosio.com/options/style__stroke__gridline.html#example-a), [B](https://docs.statosio.com/options/style__stroke__gridline.html#example-b) | Set stroke weight of gridline. |\n| D.14. | [styleLegendRectSizeFull](https://docs.statosio.com/options/style__legend__rect_size__full.html) | 16 | [A](https://docs.statosio.com/options/style__legend__rect_size__full.html#example-a), [B](https://docs.statosio.com/options/style__legend__rect_size__full.html#example-b) | Set rectangle size of legend item. |\n| D.15. | [styleOtherCircleChartRadius](https://docs.statosio.com/options/style__other__circle_chart_radius.html) | 4 | [A](https://docs.statosio.com/options/style__other__circle_chart_radius.html#example-a), [B](https://docs.statosio.com/options/style__other__circle_chart_radius.html#example-b) | Set radius of circle. |\n| D.16. | [styleOtherRangeXTextRotation](https://docs.statosio.com/options/style__other__range_x_text_rotation.html) | -45 | [A](https://docs.statosio.com/options/style__other__range_x_text_rotation.html#example-a), [B](https://docs.statosio.com/options/style__other__range_x_text_rotation.html#example-b) | Set text rotation of the x axis. |\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/contributing.svg\" height=\"45px\" alt=\"Contributing\" name=\"contributing\"\u003e\n\u003c/a\u003e\n\nBug reports and pull requests are welcome on GitHub at https://github.com/a6b8/statosio.rb. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/a6b8/statosio/blob/master/CODE_OF_CONDUCT.md).\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/limitations.svg\" height=\"45px\" name=\"limitations\" alt=\"Limitations\"\u003e\n\u003c/a\u003e\n\n- Proof of Concept, not production ready.\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/credits.svg\" height=\"45px\" name=\"credits\" alt=\"Credits\"\u003e\n\u003c/a\u003e\n\n- json\n- [puppeteer-ruby](https://github.com/YusukeIwaki/puppeteer-ruby)\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/license.svg\" height=\"45px\" alt=\"License\" name=\"license\"\u003e\n\u003c/a\u003e\n\nThe gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/code-of-conduct.svg\" height=\"45px\" alt=\"Code of Conduct\" name=\"code-of-conduct\"\u003e\n\u003c/a\u003e\n    \nEveryone interacting in the Statosio project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/a6b8/statosio/blob/master/CODE_OF_CONDUCT.md).\n\n\u003cbr\u003e\n\n\u003ca href=\"#table-of-contents\"\u003e\n\u003cimg href=\"#table-of-contents\" src=\"https://raw.githubusercontent.com/a6b8/a6b8/main/assets/headlines/default/star-us.svg\" height=\"45px\" name=\"star-us\" alt=\"Star us\"\u003e\n\u003c/a\u003e\n\nPlease ⭐️ star this Project, every ⭐️ star makes us very happy!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa6b8%2Fstatosio-for-ruby","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fa6b8%2Fstatosio-for-ruby","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa6b8%2Fstatosio-for-ruby/lists"}