Hello,
If I correctly understand what you are referring to (colored lines over the roads?), the general traffic data on the map is very likely an option that's enabled on the embedded map provided by Google Maps. This traffic intensity overlay comes directly from Google Maps – *not* from 511.
Check out the button at the top right of the map that says "Map Options": click on it to make the options menu appear, expand the Traffic section, and right-click on "Speed Lines" or any text in that area, then select "Inspect" to show the HTML.
You'll see elements like this one:
<input type="checkbox" ng-disabled="vm.googleLayers.Traffic.disabled == true" id="layer-Speed Lines" name="layer-checkboxes"
ng-click="vm.updateTimestamp(vm.googleLayers.Traffic)" ng-change="vm.toggleLayer(vm.googleLayers.Traffic)" ng-model="vm.googleLayers.Traffic.show" ...
This checkbox is reacting to events and changing the Google Maps display options ("googleLayers.Traffic") as you click on it.
Another way to tell: if you open the "Network" tab of your browser's developer tools and flip the Speed Lines option a couple of times, you'll see requests being sent to Google Maps to fetch new map tiles that either have the green-yellow-orange road overlays or not, based on your selection.
TL;DR: This data does not come from 511, but from Google Maps. You'll have to source it from somewhere else, if it's even available anywhere.
From what I understand, Google builds these based on a number of metrics including density of cell phones (see
this cool project). I don't know if they make it available through the Google Maps APIs.
Best of luck for your project,
Nicolas