Complete & launch module in the DTS Portal Knack app

[amenity]

Create a Knack backend to be able to add content to our new Dash website.

Approach

Create test DTS Portal app and add a new Visualizations object with the following fields*:

• [x] Thumbnail image
• [x] Title
• [x] Description - character limit?
• [x] URL
• [ ] Publicly accessible

Update the site to use Knack data instead of hardcoded JSON. Here's how Knack data is fetched for rendering in the DTS website.

Enhancement - pending design spec from @katelunceford; otherwise can be kicked to a separate issue

• Add a search bar

*Note: In the future, we might include additional fields to filter/break up content

• Workgroup
• Tags
• Type - Map, Dashboard, External (e.g. RideReport -- not sure on terminology

[KaroEngstrom]

• Added @chiaberry to TEST | 07 SEP 2023 | DTS | Data and Technology Services Portal as a builder

[chiaberry]

I have this for the knack side: https://atd.knack.com/test--07-sep-2023--data-and-technology-services-portal#tpw-data-visualizations/

that is connected to this: https://deploy-preview-415--austin-transportation.netlify.app/data-visualizations

cc: @katelunceford

[amenity]

@chiaberry cool!! 😍

The resolution on the images is very low on my end:

Could we use Knack's image resizing feature to resize images to 610px wide by 300px? Then I'd like to add this help text:

Images will be automatically resized to 610px by 300px for optimal performance. You can use this site to crop the image manually if you want to control the design.

(FWIW, I'm choosing 610x300 as it's twice the size of the thumbnail images on the DTS website and a little over that for the existing Data & Performance Hub. Doubling the displayed size ensures the image is crisp on retina displays.)

[chiaberry]

Approach based on Data Science sprint planning 1/24

• we are no longer using a knack backend for this MVP round
• instead enhance the data and performance hub index page to be Dash