| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script> | |
| <script src="https://unpkg.com/semiotic/dist/semiotic.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script> | |
| <script src="./script.babel"></script> | |
| <div id="main"> | |
| </div> |
| // TODO: RECREATE THIS IN GOOGLE SHEET, EXPORT TO CSV FILES, PARSE WITH D3 | |
| const organizationsDetail = [ | |
| { | |
| name: 'City of Asheville', | |
| type: 'government', | |
| numMembers: 1300, | |
| yearFounded: 1797, | |
| }, | |
| { |
| license: gpl-3.0 |
| const trcData = { | |
| 2018: [ | |
| { | |
| "Project Name": "Crayton Park", | |
| "Record Number": "17-09935PZ", | |
| "Street Address": "86 Crayton Road", | |
| "Project Type": "Major Sub", | |
| "Project Modifier": "", | |
| "Planner": "Jessica Bernstein", | |
| "Description": "A request for the review of a 16 lot subdivision on the property known as 86 Crayton Road and PIN 9657-46-3875. The project contact is Marty Kocot and the property owner is AMARX Construction, LLC.", |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| <script src="https://d3js.org/d3.v4.min.js"></script> | |
| <script type="text/javascript" src="./permits.js"></script> | |
| <style type="text/css"> | |
| html, body { | |
| height: 100vh; | |
| width: 100vw; |
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="https://d3js.org/d3-color.v1.min.js"></script> | |
| <script src="https://unpkg.com/react@16/umd/react.development.js"></script> | |
| <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> | |
| <script src="https://unpkg.com/semiotic@1.11.4/dist/semiotic.min.js"></script> | |
| <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> | |
| <style> | |
| body { |
| // Add in Default.master file-- also see changes in Google Sheet | |
| <script type="text/javascript"> | |
| $(function () { | |
| $('font').attr('size', '') | |
| $('span').css('line-height', 'unset') | |
| .css('font-size', 'unset') | |
| $('theForm') | |
| .css('height', '100vh') | |
| .css('letter-spacing', '0.12em') |
***** UPDATE 11/29/2018: INTERCOM IS NOW ACCESSIBLE! *****
See this Tweet: https://twitter.com/destraynor/status/1067943722971672576
Read more details: https://www.intercom.com/help/faqs-and-troubleshooting/the-intercom-messenger/is-the-intercom-messenger-accessible
By default, Intercom is not accessible to people navigating with the keyboard or using screen readers. This little script is a stop-gap solution developed by the City of Asheville to comply with Section 508. It does the following:
| class FlowGraph{ | |
| constructor(parentElement, inputData = levelOne) { | |
| this.parentElement = d3.select(parentElement); | |
| this.width = this.parentElement.style('width').replace('px', ''); | |
| this.height = this.parentElement.style('height').replace('px', ''); | |
| this.verticalMargins = this.height * 0.015; | |
| this.horizontalMargins = this.width * 0.015; | |
| this.data = inputData; |
| license: mit |