daigr.am

Build great looking charts and graphs.

daigram

Plugin for visualizing data with charts and graphs. This plugin has one endpoint called "create" which takes a chart specification and returns the URL to an SVG file that can be opened by any program that supports the SVG version 1.1 format, including drawing programs, presentation software, and web browsers where they can be displayed as a static IMG or opened natively in the browser for full interactivity. The chart specification comprises three parts: 1: version (always "1.0") 2: model (the raw data and description of the data structure) 3: view (visual characteristics of the requested chart) Model data is structured as nested arrays of numbers. Every dimension of the data array MUST be described in the model "nestingLevels" property. Every element (array or number) at dimension N of the data array MUST have a corresponding label in the Nth "nestingLevels" "labels" property. Note that the order in which nestingLevels are listed is important. The first nesting level refers to the outermost level of the nested data array, and each subsequent nesting level refers to the next innermost level of the nested data array. Here are two example chart specifications that yield the same static image, but can differ in the interactivity that they offer. The first only provides the minimum data necessary to render a pie chart so interactive filters cannot be shown, while the second provides enough data to show the same pie chart initially, but also lets the user filter by Year to show a subset of the data corresponding to the unfiltered Years data aggregated as specified. Minimum data example: {"version":"1.0","model":{"data":[10,20,50,20],"nestingLevels":[{"name":"Departments","labels":["Sales","HR","Engineering","Admin"]}]},"view":{"type":"Pie Chart","title":"Budget % by Department"}} Full data example: {"version":"1.0","model":{"data":[[9,11],[21,19],[51,49],[19,21]],"nestingLevels":[{"name":"Departments","labels":["Sales","HR","Engineering","Admin"]},{"name":"Years","labels":["2019","2020"],"aggregator":"mean"}]},"view":{"type":"Pie Chart","title":"Budget % by Department"}} In the full data example, the 1st nesting level is called "Departments", and indicates that the outermost nesting level of data contains 4 elements of data each representing 1 of the 4 Departments. The next nesting level is called "Years", and indicates that the 2nd outermost nesting level of data contains 2 elements of data each representing 1 of the 2 Years. Since the requested chart type only displays a single level of data, the second level is aggregated using the specified aggregator, or "sum" if no aggregator is listed. Pie Charts and Donut Charts can display at most one nested level of data and will aggregate deeper levels to meet this requirement. Bar Charts and Line Charts can display one or two nesting levels of data and will aggregate deeper levels to meet this requirement. Here's an example of a multi line chart: Line chart with two lines: {"version":"1.0","model":{"data":[[11,0,12,-4],[-5,6,1,2],[3,-4,6,-7]],"nestingLevels":[{"name":"Employees","labels":["James Walker","Barb Jones","Pat Smith"]},{"name":"Quarters","labels":["1st Quarter","2nd Quarter","3rd Quarter"]}]},"view":{"title":"Bonus Points by Employee and Quarter for 2022","type":"Line Chart"}} This previous example will display multiple lines, one for each employee across four quarters. The same model can be use for a grouped series bar chart with each Employee representing a series and each Quarter representing a grouping of series-colored bars.

Plugin Info Update Time At GPTStore.Ai

1/1/1