d3-simpleCharts is here: you can start to show the next generation W3C's sharp charts and graphs (eq SVG formats via d3.js library) from your any WordPress blogs easily.<\/p>\n\n
This WP plug-in contains just 4 simple example graph types that you can call and draw by one shortcode:<\/p>\n\n
'simpleChart'<\/p>\n\n
The available chart types now are here: 'Columns', 'Bars', 'Line', 'Pie', 'Area'<\/p>\n\n
Pretty simple<\/em> and obvious there, yes?<\/p>\n\n You can define data input values<\/em> on the standard and uniform way from wordpress shortcode's arguments<\/em> directly or from external input data files<\/em>.<\/p>\n\n Shortcode's input option (eq values='1,2,3') is the preferred way always as the primary source of data values & their labels.<\/p>\n\n Three external file type formats are currently supported for data input (eq datafile='mydata.csv'):<\/p>\n\n Note: XML should be easy to add: a bare skeleton JS code is there existing already but parsing of document is missing at this very 1st version of plugin package.<\/p>\n\n simpleCharts lets you start with very simple basic calls when you start to use it as a novice and then let you progress gradually to the quite advanced levels of SVG's real professional properties<\/em> when you need them and are willing to budget enough time for deeper learning curve.<\/p>\n\n Software is also automatically choosing default settings for more complex features that you vote not to setup them yet.<\/p>\n\n Here is the most simple example of shortcode's call<\/em> that works very well:<\/p>\n\n [simpleChart maintitle='My Pets' labels='(Cats, Dogs, Birds)' values='(2,1,5)']<\/p>\n\n Pretty simple<\/em> & obvious (to create default 'Columns' chart) is it, huh?<\/p>\n\n Now - to get a whole picture of all rich features available here - you can expand your knowledge and finally master something like this for each new post\/page on WP:<\/p>\n\n [simpleChart chart='Pie' mtitle='All Animals' values='(1,2,4,8,16)' labels='(Cats,Dogs,Birds,Frogs,Bears)' xtitle=\"Animal race\" ytitle=\"Pcs on wild farm\" datafile=\"animals.json\" width=\"800\" height=\"600\" format=\"+0.02%\" title=\"These animals are living free around.\" minrange=\"1.0\" url=\"http:\/\/en.wikipedia.org\/wiki\/Wild_animals\" xrotate=-20]<\/p>\n\n You can customize almost main aspects of new created chart easily by using CSS style file(s) and chart's generated CSS classes together. \n.<\/p>\n\n Key Features<\/strong><\/p>\n\n Data input and output<\/strong><\/p>\n\n Software Upgrades & Further Development<\/strong><\/p>\n\n All software is written also in a style that should be easy to expand & understand for any normal web developer of WordPress, DOM, JS & PHP languages.<\/p>\n\n Also, there is left on purpose a plenty of 'console.info(foo)' debugging calls for those essential variables of JS that you can activate in order to see what is really going on when SVG drawing takes its place (= consoles of FireBug & Chrome).<\/p>\n\n d3 lib is abit tricky to grasp at first - take your time & fill your coffee machine :-)<\/p>\n\n Full open source + reference guide<\/strong><\/p>\n\n HAPPY simpleCharting on WordPress !<\/strong><\/p>\n\n\n Two WP standard ways to install the package.<\/p>\n\n Or you may want to do it 'old traditional way'.<\/p>\n\n This software is provided as it is and we can not guarantee very fast support & help for it, unfortunately.<\/p>\n\n Also, we do not have time to test this software against different WP versions but we gladly hear your feedback and update that version support numbers based on your (hopefully positive) comments.<\/p>\n\n We warmly welcome some professional WP developer to build around this core all those fancy 'Bells & Whistles' that could nicely integrate this shortnote available to the graphical user interface of publishing new posts and pages for everyone, naturally.<\/p>\n\n Let me know if you are producting suggested improvement and take this work to the next level !<\/p>\n\n\n Good point & question !<\/p>\n\n YES indeed, the software is written so that it hides all the (= ugly) complexity of accounting of many separate charts + styles on the same page of WP.<\/p>\n\n So, you may have many pretty charts on the same page with their own original CSS styles attached to each one, independently. Everything is perfectly under your control transparently.<\/p><\/dd>\n YES, you can now use 2 different methods to do this:<\/p>\n\n We encourage open collaborative development for programmers (by GitHub) over here:<\/p>\n\n d3-simpleCharts on GitHub<\/a><\/p><\/dd>\n Online manual & reference is building up gradually on GitHub's Wiki over here:<\/p>\n\n d3-simpleCharts - user's manual & reference of all functions<\/a><\/p>\n\n Also, we recommend (on Windows) to use TortoisesSVN<\/a> client together with GitHub. It really takes the pain away from learning Git. Here is a nice tutorial<\/a> about its use.<\/p>\n\n Very Good Further Links<\/em><\/p>\n\n Version 1.3.22 -\nMinimisation of javascript lib: auto gzipped core shrinks down from 20k to 7k in downloads. Debug option to prevent minisation's use. Cleaning & removing unused pieces of scripts.<\/p>\n\n Version 1.3.20 -\nAutomatic gradient coloring of chart bars by following the values of data when you call new option 'gradient'. Optimizing dynamic coloring only when it is available for the chart type.<\/p>\n\n Version 1.3.19 -\nSorting for bars of chart can happen based on data input's labels. Sorting popup works correctly with many different charts on the same WordPress page\/post.<\/p>\n\n Version 1.3.18 -\nNew option to limit max of rows (\/colums) of data series to show out. Better layout of chart.<\/p>\n\n Version 1.3.17 -\nNew option to prevent data switcher button to appear. More clear titles of SVG charts when using 2x2 external input file.<\/p>\n\n Version 1.3.16 -\nIntroducing new handy switcher button to move between data's column and row view(s) when feeding in an external input data file.<\/p>\n\n Version 1.3.15 -\nUniform support of labels rotating on all chart types. Removing use of rickshaw from distribution.<\/p>\n\n Version 1.3.14 -\nIntroducing Line chart on the similar fashion than all other types. Automatic numbering of labels if missing. Uniform format of axis values with all chart's types.<\/p>\n\n Version 1.3.13 -\nColumns accepts now negative data values normally and scales automatically their min and max. Pie filters negatives away and shows the slices of the left positive values.<\/p>\n\n Version 1.3.12 -\nChart's caption text joins in and becomes an internal part of SVG element on columns, bars, area, and pie. You can see it now on chart's popup windows and printouts automatically.<\/p>\n\n Version 1.3.11 -\nChart's main title becomes a part of SVG (= exportable to other ext.apps) on columns, bars, area, and pie. Returning back to work fantastic smooth gradient colors with area chart type.<\/p>\n\n Version 1.3.10 -\nUniform look of all popup tooltips on bars, columns, and pie. Bars labels added visible on its charts.<\/p>\n\n Version 1.3.9 -\nLine chart support for popup window. Scaling of pie chart on popup window. Better design of all buttons styles.<\/p>\n\n Version 1.3.8 -\nBetter outlook and own style control for pie's title labels. Similar logic of automatic minrange with line chart as wth all other types.<\/p>\n\n Version 1.3.7 -\nFixing the bug of exporting correct SVG chart instance as a download. Clarifying overall design of all buttons.<\/p>\n\n Version 1.3.6 -\nOpening in apps + saving to a file export data now available. For example, direct opening into SVG editor possible for a chart (if you set exportsvg option active). Added classes to control the style of export data box from CSS.<\/p>\n\n Version 1.3.5 -\nAll pop-up window charts follow the CSS style rules of its parent chart faithfully. Refining some axises default setup values. More fancy screenshots from real fast cars.<\/p>\n\n Version 1.3.4 -\nAdding new option 'xrotate' for rotating x axis labels with Columns chart as you wish. Some options becomes more tolerant for typos. Fixing bugs & warnings (BIG thanks for Cheche!).<\/p>\n\n Version 1.3.3 - \nCorrecting the path of 'd3-simpleCharts' -> 'd3-simplecharts' and following WP's original naming of plugin.<\/p>\n\n Version 1.3.2 - \nMaking options 'labels', 'colors', 'values' input more tolerant for some common user's typos. Main title has option can be also called 'maintitle' and chart's popup text 'popuptitle' from now on.<\/p>\n\n Version 1.3.1 - \nAdding option of \"not to generate place holder\" on JavaScript API. Also, Wiki's doc updated.<\/p>\n\n Version 1.3.0 - \nIntroducing support of JavaScript API from any WordPress page\/post or from your own JS app. Very basic Wiki's doc on Github available.<\/p>\n\n Version 1.2.28 - \nLet there be colors... and there was: introducing an option 'colors' to set your favorite colors of chart's segments. Wiki's doc is updated for this exciting feature too on Github.<\/p>\n\n Version 1.2.27 - \nFixing in 'Bars' chart type the lowest value scaling issue. More Data button is hidden by default if there is no 2x2 data set.<\/p>\n\n Version 1.2.26 - \nMore Data button is labelled by picked row name from 2x2 external file's 1st column. New option 'moredatatitle' to set More Data button custom title introduced.<\/p>\n\n Version 1.2.25 - \nIssue of attaching More Data's data sets to the right chart on multiple charts \/ page fixed.<\/p>\n\n Version 1.2.24 - \nLet there be TIME SLIDER and ... there was (by JQuery UI). New obvious option 'notimeslider' available, too. Fixing external file's time series to appear chronologically right on its pop-up menu.<\/p>\n\n Version 1.2.23 - \nSort works for external input file data more logically. Scaling more reasonable size of Pie. Better support of Bars & their tooltips. Better default style file example.<\/p>\n\n Version 1.2.22 - New handy keywords 'first' and 'last' for reading 2x2 data set from external input file. New classes of CSS for X and Y axis titles and examples on default style file. More updates to GitHub's docs.<\/p>\n\n Version 1.2.21 - Better scaling of mins & maxs on axis. 'Caption' adding below chart(s). Error messages & warnings for uncorrect data sets.<\/p>\n\n Version 1.2.20 - Layout control of multiple charts on WP page works now (eq 'chartid'). Nice screenshot added. Github's docs updated.<\/p>\n\n Version 1.2.19\n* Tooltips support (COOL & transparent !) and shortcode's 'notooltips' new option.\n* New optional 'chartid' allowing the placement of chart anywhere.\n* Legal license text included, also.<\/p>\n\n Version 1.2.18 - Bug fixes: 'Columns' supports now maxrange option too + sanity checks of generating gradiant colors for a chart at all.<\/p>\n\n Version 1.2.17 - New chart's CSS class 'svgchart' + its docs on Wiki. Default styling file: move of styling rules toward chart's own classes from basic SVG elements + listed names of mostly generated classes by new chart(s). More roomy & clear layout of default styled charts overall.<\/p>\n\n Version 1.2.16 - Linear gradient colors comes to 'Area' charts same way as on 'Columns' + its screenshot. New 'cssfile' option to input any named style file per chart. New reference page of CSS classes on Wiki + general clarifications of docs on Github.<\/p>\n\n Version 1.2.15 - Fixing bug of resizing chart on its popup window.<\/p>\n\n Version 1.2.14 - Adding afew more impressive screenshots.<\/p>\n\n Version 1.2.13 - Popup window chart becomes resizeable: brand-new scale down + up buttons (after all that is what 'SVG' stands for). Adding one more pretty screenshot.<\/p>\n\n Version 1.2.12 - Better uniform access to default styles from CSS file.<\/p>\n\n Version 1.2.11 - More flexible typos tolerating shortcode calls & new sort options.<\/p>\n\n Version 1.2.10 - Added new sort option + its handy popup UI on chart (= no automatic sort of data anymore).<\/p>\n\n Version 1.2.9 - New maxrange option support. Also, simple external input files and their user doc on Wiki (advanced examples).<\/p>\n\n Version 1.2.8 - Added 'Line' chart type drawing + its icon (thanks to rickshaw visualization lib!).<\/p>\n\n Version 1.2.7 - Bug fix: row option default set for reading 2x2 matrix input data.<\/p>\n\n Version 1.2.6 - Adding basic icon buttons for the chart and a folder for their pics (eq style of open office).<\/p>\n\n Version 1.2.5 - Chart on new window link, adding support of css style file for svg, fixing bug of chart's width at start (on Chrome).<\/p>\n\n Version 1.2.4 - Cleaning the code.<\/p>\n\n Version 1.2.3 - Centering chart's title and introducing positioning of logo option.<\/p>\n\n Version 1.2.1 - Adding chart's branding logo and a flag to add jQuery lib.<\/p>\n\n Version 1.2.0 - New options to remove chart's buttons to appear.<\/p>\n\n Version 1.1.5 - Finally tagging right subversion public on wordpress svn system.<\/p>\n\n Version 1.1.3 - Adding some pointers to GitHub's full documentation.<\/p>\n\n Version 1.1.1 - A few screenshots added.<\/p>\n\n Version 1.1.0 - Charts fixed and optional menu to other data sets added.<\/p>\n\n Version 1.0.0 - This is very first release of the d3-simpleCharts plugin.<\/p>","raw_excerpt":"d3-simpleCharts offers you direct access to a few d3 basic charts and let you add them into your WordPress posts fast and easy.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/22605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=22605"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jouni-santara"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=22605"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=22605"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=22605"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=22605"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=22605"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=22605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
\n
\n
\n
\n
\n
\n
\n
d3-simpleCharts.php<\/code> & d3-simpleCharts.js<\/code> to the \/wp-content\/plugins\/<\/code> directory from wordpress.com site.<\/li>\n\n
\n
\n
1.3.22<\/h4>\n\n
1.3.20<\/h4>\n\n
1.3.19<\/h4>\n\n
1.3.18<\/h4>\n\n
1.3.17<\/h4>\n\n
1.3.16<\/h4>\n\n
1.3.15<\/h4>\n\n
1.3.14<\/h4>\n\n
1.3.13<\/h4>\n\n
1.3.12<\/h4>\n\n
1.3.11<\/h4>\n\n
1.3.10<\/h4>\n\n
1.3.9<\/h4>\n\n
1.3.8<\/h4>\n\n
1.3.7<\/h4>\n\n
1.3.6<\/h4>\n\n
1.3.5<\/h4>\n\n
1.3.4<\/h4>\n\n
1.3.3<\/h4>\n\n
1.3.2<\/h4>\n\n
1.3.1<\/h4>\n\n
1.3.0<\/h4>\n\n
1.2.28<\/h4>\n\n
1.2.27<\/h4>\n\n
1.2.26<\/h4>\n\n
1.2.25<\/h4>\n\n
1.2.24<\/h4>\n\n
1.2.23<\/h4>\n\n
1.2.22<\/h4>\n\n
1.2.21<\/h4>\n\n
1.2.20<\/h4>\n\n
1.2.19<\/h4>\n\n
1.2.18<\/h4>\n\n
1.2.17<\/h4>\n\n
1.2.16<\/h4>\n\n
1.2.15<\/h4>\n\n
1.2.14<\/h4>\n\n
1.2.13<\/h4>\n\n
1.2.12<\/h4>\n\n
1.2.11<\/h4>\n\n
1.2.10<\/h4>\n\n
1.2.9<\/h4>\n\n
1.2.8<\/h4>\n\n
1.2.7<\/h4>\n\n
1.2.6<\/h4>\n\n
1.2.5<\/h4>\n\n
1.2.4<\/h4>\n\n
1.2.3<\/h4>\n\n
1.2.1<\/h4>\n\n
1.2.0<\/h4>\n\n
1.1.5<\/h4>\n\n
1.1.3<\/h4>\n\n
1.1.1<\/h4>\n\n
1.1.0<\/h4>\n\n
1.0.0<\/h4>\n\n