MMM-WeatherChartD3

Matuki

Description:

This module displays a chart using any weather provider. It can display temperature, feels like temperature, precipitation, snow and weather icons. It uses the D3.js library.

Full list of elements that can be displayed:

icons of weather
day/night separation
temperature
min/max temperature
feels like temperature
precipitation
snow
humidity
wind
Only with a specific/modified weather provider:
- pressure
- precipitation probability
- pollution
- UV

All curves can be styled using CSS

Screenshots:

Download:

https://github.com/seb-ma/MMM-WeatherChartD3

MajorC

@Matuki

Hi I tried to use your module.

Followed your instructions to install from github. Works well.

Than I copy past the config, add position, my apiKey, lat and lon.

But I still have now a black MM.

Any idea where to start looking. The MM is working fine if I delete the MMM-WeatherChartD3 lines in the config.

{
			module: "MMM-WeatherChartD3",
			position: "bottom_right",
			config: {
				updateInterval: 10 * 60 * 1000,
				initialLoadDelay: 5000,
				weatherProvider: "openweathermap",
				weatherEndpoint: "/onecall",
				apiKey: "3e349d84feb10771d8c4bf34cde00000", //i changed to a dummy key
				type: "full", // Possible values: hourly, forecast (=daily) or specific value `full` which is a join of data from hourly+daily
				lang: config.language,
				lat: 52.554000,
				lon: 13.463000,
				units: config.units,
				locale: config.locale,
				d3jsVersion: "7", // can either be in format "7.4" or even "7.4.4"
				title: "Weather Forecast",
				height: 300,
				width: 500,
				iconSize: undefined, // in px or undefined to define automatically at first call
				iconURLBase: "https://raw.githubusercontent.com/erikflowers/weather-icons/master/svg/",
				hoursRatio: 0, // Ratio of fetched hours in graph (useful for openweathermap onecall that gives 48h with 1h precision) - 0 or undefined to ignore
				showIcons: true,
				showNights: true,
				showTemperature: true,
				showMinMaxTemperature: false,
				showFeelsLikeTemp: true,
				showPrecipitationAmount: true,
				showPrecipitationProbability: true, // Only used when showPrecipitationAmount == true
				showSnow: true, // if false: snow is included in precipitations
				showPressure: true,
				showHumidity: true,
				showWind: true,
				showAQI: true,
				showUVI: true,
			}
		},

sdetweil

@MajorC see https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later/

MajorC

Log says, that:

units: config.units,
locale: config.locale,

is not right?!?

sdetweil

@MajorC looks like this is a javascript change

https://github.com/MichMich/MagicMirror/issues/2863