Modul:PopulationChart - Povijest promjena

WikiSysop u (test) 10:34, 19. srpanj 2026.

2026-07-19T10:34:05Z

←Starija inačica		Inačica od 19. srpanj 2026. u 10:34
Redak 5:		Redak 5:
	local t = {}		local t = {}
	if not str then return t end		if not str then return t end
	str = string.gsub(str, "<!--.--->", "") ~~-- Ukloni HTML komentare~~		str = string.gsub(str, "<!--.--->", "")
	for value in string.gmatch(str, "([^,]+)") do		for value in string.gmatch(str, "([^,]+)") do
	value = string.gsub(value, "[%s%c]", "") ~~-- Ukloni razmake i skrivene prijelome~~		value = string.gsub(value, "[%s%c]", "")
	local num = tonumber(value)		local num = tonumber(value)
	if num then		if num then
Redak 23:		Redak 23:

	if n == 0 or #pops ~= n then		if n == 0 or #pops ~= n then
	return '<strong class="error">Greška u grafikonu: Broj godina ~~(' .. n .. ')~~ i stanovnika ~~(' .. #pops .. ')~~ se ne podudara.</strong>'		return '<strong class="error">Greška u grafikonu: Broj godina i stanovnika se ne podudara.</strong>'
	end		end

	~~-- Konfiguracija boje (zadano diskretna plava)~~
	local barColor = args.line_color or "#3366cc"		local barColor = args.line_color or "#3366cc"

	-- ~~Izračun statistike~~		-- Statistika
	local maxv = pops[1]		local maxv = pops[1]
	local minv = pops[1]		local minv = pops[1]
Redak 40:		Redak 39:
	local divisor = maxv > 0 and maxv or 1		local divisor = maxv > 0 and maxv or 1

	~~-- Korištenje ugrađenog MediaWiki sustava za formatiranje brojeva~~
	local lang = mw.language.getContentLanguage()		local lang = mw.language.getContentLanguage()

	-- ~~Prazan tablični string (koristimo "wikitable" klasu)~~		-- Početak tablice
	local html = {}		local html = {}
	table.insert(html, '<table class="wikitable ~~population-table~~" style="width: 100%; max-width: 500px; font-size: 90%; margin: 10px 0~~; border-collapse: collapse~~;">')		table.insert(html, '<table class="wikitable" style="width:100%; max-width:500px; font-size:90%; margin:10px 0;">')
	table.insert(html, '<tr><th style="width: 15%; text-align: center;">Godina</th><th style="width: 25%; text-align: right;">Stanovnika</th><th style="width: 60%;">Trend ~~/ Grafikon~~</th></tr>')		table.insert(html, '<tr><th style="width:20%; text-align:center;">Godina</th><th style="width:30%; text-align:right;">Stanovnika</th><th style="width:50%;">Trend</th></tr>')

	-- ~~Popunjavanje redaka tablice~~		-- Redovi (izbjegnut bilo kakav format, čisto spajanje)
	for i = 1, n do		for i = 1, n do
	local percentage = math.floor((pops[i] / divisor) * 100)		local percentage = math.floor((pops[i] / divisor) * 100)
			local pctString = tostring(percentage) .. "%"

	~~-- Određivanje indikatora trenda~~
	local trendIndicator = ""		local trendIndicator = ""
	if i > 1 then		if i > 1 then
	if pops[i] > pops[i-1] then		if pops[i] > pops[i-1] then
	trendIndicator = ' <span style="color: #28a745~~; font-size: 85%~~;">▲</span>'		trendIndicator = ' <span style="color:#28a745;">▲</span>'
	elseif pops[i] < pops[i-1] then		elseif pops[i] < pops[i-1] then
	trendIndicator = ' <span style="color: #dc3545~~; font-size: 85%~~;">▼</span>'		trendIndicator = ' <span style="color:#dc3545;">▼</span>'
	else		else
	trendIndicator = ' <span style="color: #6c757d~~; font-size: 85%~~;">■</span>'		trendIndicator = ' <span style="color:#6c757d;">■</span>'
	end		end
	end		end

	local formattedPop = lang:formatNum(pops[i])		local formattedPop = lang:formatNum(pops[i])
			local currentYear = tostring(years[i])

	~~-- Sigurno spajanje HTML-a za redove bez string.format-a~~
	local row = '<tr>' ..		local row = '<tr>' ..
	'<td style="text-align: center; font-weight: bold; background: #f8f9fa;">' .. ~~years[i]~~ .. '</td>' ..		'<td style="text-align:center; font-weight:bold; background:#f8f9fa;">' .. currentYear .. '</td>' ..
	'<td style="text-align: right; white-space: nowrap; padding-right: 8px;">' .. formattedPop .. trendIndicator .. '</td>' ..		'<td style="text-align:right; white-space:nowrap; padding-right:8px;">' .. formattedPop .. trendIndicator .. '</td>' ..
	'<td style="vertical-align: middle; padding: 4px 8px;">' ..		'<td style="vertical-align:middle; padding:4px 8px;">' ..
	'<div style="background: #e9ecef; border-radius: 2px; width: 100%; height: 12px;">' ..		'<div style="background:#e9ecef; border-radius:2px; width:100%; height:12px;">' ..
	'<div style="background: ' .. barColor .. '; width: ' .. ~~percentage~~ .. '%; height: 100%; border-radius: 2px;~~" title="Godina ' .. years[i] .. ': ' .. formattedPop .. ' stanovnika~~"></div>' ..		'<div style="background:' .. barColor .. '; width:' .. pctString .. '; height:100%; border-radius:2px;"></div>' ..
	'</div>' ..		'</div>' ..
	'</td>' ..		'</td>' ..
	'</tr>'		'</tr>'

Redak 80:		Redak 78:
	end		end

	-- ~~Dodavanje kompaktne statistike na dno~~ tablice ~~(također prebačeno na sigurno spajanje)~~		-- Dno tablice
	local ~~avgPop~~ = math.floor(sum / n)		local formattedAvg = lang:formatNum(math.floor(sum / n))
	~~local formattedAvg = lang:formatNum(avgPop~~)
	local formattedMin = lang:formatNum(minv)		local formattedMin = lang:formatNum(minv)
	local formattedMax = lang:formatNum(maxv)		local formattedMax = lang:formatNum(maxv)

	local footer = '<tr style="background: #f8f9fa; font-weight: bold; border-top: 2px solid #a2a9b1;">' ..		local footer = '<tr style="background:#f8f9fa; font-weight:bold; border-top:2px solid #a2a9b1;">' ..
	'<td colspan="3" style="font-size: 85%; padding: 6px~~; text-align: left~~; color: #54595d;">' ..		'<td colspan="3" style="font-size:85%; padding:6px; color:#54595d;">' ..
	'Ukupno popisa: ' .. n .. ' \| Prosjek: ' .. formattedAvg .. ' \| Raspon: ' .. formattedMin .. ' - ' .. formattedMax ..		'Ukupno popisa: ' .. tostring(n) .. ' \| Prosjek: ' .. formattedAvg .. ' \| Raspon: ' .. formattedMin .. ' - ' .. formattedMax ..
	'</td>' ..		'</td>' ..
	'</tr>'		'</tr>'

WikiSysop u (test) 10:25, 19. srpanj 2026.

2026-07-19T10:25:02Z

←Starija inačica		Inačica od 19. srpanj 2026. u 10:25
Redak 40:		Redak 40:
	local divisor = maxv > 0 and maxv or 1		local divisor = maxv > 0 and maxv or 1

	-- Korištenje ugrađenog MediaWiki sustava za formatiranje brojeva ~~(npr. 1234 -> 1.234)~~		-- Korištenje ugrađenog MediaWiki sustava za formatiranje brojeva
	local lang = mw.language.getContentLanguage()		local lang = mw.language.getContentLanguage()

Redak 66:		Redak 66:
	local formattedPop = lang:formatNum(pops[i])		local formattedPop = lang:formatNum(pops[i])

	-- Sigurno spajanje HTML-a bez string.format ~~postotne greške~~		-- Sigurno spajanje HTML-a za redove bez string.format-a
	local row = '<tr>' ..		local row = '<tr>' ..
	'<td style="text-align: center; font-weight: bold; background: #f8f9fa;">' .. years[i] .. '</td>' ..		'<td style="text-align: center; font-weight: bold; background: #f8f9fa;">' .. years[i] .. '</td>' ..
Redak 80:		Redak 80:
	end		end

	-- Dodavanje kompaktne statistike na dno tablice		-- Dodavanje kompaktne statistike na dno tablice (također prebačeno na sigurno spajanje)
	local avgPop = math.floor(sum / n)		local avgPop = math.floor(sum / n)
	local formattedAvg = lang:formatNum(avgPop)		local formattedAvg = lang:formatNum(avgPop)
Redak 86:		Redak 86:
	local formattedMax = lang:formatNum(maxv)		local formattedMax = lang:formatNum(maxv)

	~~table.insert(html, string.format([[~~<tr style="background: #f8f9fa; font-weight: bold; border-top: 2px solid #a2a9b1;">		local footer = '<tr style="background: #f8f9fa; font-weight: bold; border-top: 2px solid #a2a9b1;">' ..
	<td colspan="3" style="font-size: 85%; padding: 6px; text-align: left; color: #54595d;">		'<td colspan="3" style="font-size: 85%; padding: 6px; text-align: left; color: #54595d;">' ..
	Ukupno popisa: ~~%d  ~~\|~~ ~~ Prosjek: ~~%s  ~~\|~~ ~~ Raspon: %s - %s		'Ukupno popisa: ' .. n .. ' \| Prosjek: ' .. formattedAvg .. ' \| Raspon: ' .. formattedMin .. ' - ' .. formattedMax ..
	</td>		'</td>' ..
	</tr>~~]], n~~, ~~formattedAvg, formattedMin, formattedMax~~))		'</tr>'

			table.insert(html, footer)
	table.insert(html, '</table>')		table.insert(html, '</table>')

WikiSysop u (test) 10:13, 19. srpanj 2026.

2026-07-19T10:13:31Z

←Starija inačica		Inačica od 19. srpanj 2026. u 10:13
Redak 39:		Redak 39:
	end		end
	local divisor = maxv > 0 and maxv or 1		local divisor = maxv > 0 and maxv or 1

			-- Korištenje ugrađenog MediaWiki sustava za formatiranje brojeva (npr. 1234 -> 1.234)
			local lang = mw.language.getContentLanguage()

	-- Prazan tablični string (koristimo "wikitable" klasu)		-- Prazan tablični string (koristimo "wikitable" klasu)
Redak 61:		Redak 64:
	end		end

	~~-- Formatiranje broja s tisućnim razdjelnikom (npr. 1.234)~~		local formattedPop = lang:formatNum(pops[i])
	local formattedPop = ~~tostring~~(pops[i]~~):reverse():gsub("(%d%d%d)", "%1."):reverse():gsub("^%.", ""~~)

	~~table.insert(html,~~ string.format~~([[~~<tr>		-- Sigurno spajanje HTML-a bez string.format postotne greške
	<td style="text-align: center; font-weight: bold; background: #f8f9fa;">%d</td>		local row = '<tr>' ..
	<td style="text-align: right; white-space: nowrap; padding-right: 8px;">~~%s%s~~</td>		'<td style="text-align: center; font-weight: bold; background: #f8f9fa;">' .. years[i] .. '</td>' ..
	<td style="vertical-align: middle; padding: 4px 8px;">		'<td style="text-align: right; white-space: nowrap; padding-right: 8px;">' .. formattedPop .. trendIndicator .. '</td>' ..
	<div style="background: #e9ecef; border-radius: 2px; width: 100%%; height: 12px;">		'<td style="vertical-align: middle; padding: 4px 8px;">' ..
	<div style="background: %s; width: ~~%d%~~%; height: 100%%; border-radius: 2px;" title="Godina %d: %s stanovnika"></div>		'<div style="background: #e9ecef; border-radius: 2px; width: 100%; height: 12px;">' ..
	</div>		'<div style="background: ' .. barColor .. '; width: ' .. percentage .. '%; height: 100%; border-radius: 2px;" title="Godina ' .. years[i] .. ': ' .. formattedPop .. ' stanovnika"></div>' ..
	</td>		'</div>' ..
	</tr>~~]], years[i], formattedPop, trendIndicator~~, ~~barColor, percentage, years[i], formattedPop)~~)		'</td>' ..
			'</tr>'

			table.insert(html, row)
	end		end

	-- Dodavanje kompaktne statistike na dno tablice		-- Dodavanje kompaktne statistike na dno tablice
	local avgPop = math.floor(sum / n)		local avgPop = math.floor(sum / n)
	local formattedAvg = ~~tostring~~(avgPop):~~reverse():gsub("(%d%d%d)", "%1."):reverse~~():~~gsub~~(~~"^%.", ""~~)		local formattedAvg = lang:formatNum(avgPop)
			local formattedMin = lang:formatNum(minv)
			local formattedMax = lang:formatNum(maxv)

	table.insert(html, string.format([[<tr style="background: #f8f9fa; font-weight: bold; border-top: 2px solid #a2a9b1;">		table.insert(html, string.format([[<tr style="background: #f8f9fa; font-weight: bold; border-top: 2px solid #a2a9b1;">
Redak 83:		Redak 90:
	Ukupno popisa: %d  \|  Prosjek: %s  \|  Raspon: %s - %s		Ukupno popisa: %d  \|  Prosjek: %s  \|  Raspon: %s - %s
	</td>		</td>
	</tr>]], n, formattedAvg,		</tr>]], n, formattedAvg, formattedMin, formattedMax))
	~~tostring(minv):reverse():gsub("(%d%d%d)"~~, ~~"%1."):reverse():gsub("^%.", ""),~~
	~~tostring(maxv):reverse():gsub("(%d%d%d)", "%1."):reverse():gsub("^%.", "")~~))

	table.insert(html, '</table>')		table.insert(html, '</table>')

WikiSysop u (test) 10:04, 19. srpanj 2026.

2026-07-19T10:04:30Z

Prikaži promjene

WikiSysop u (test) 09:54, 19. srpanj 2026.

2026-07-19T09:54:24Z

←Starija inačica		Inačica od 19. srpanj 2026. u 09:54
Redak 1:		Redak 1:
	local p = {}		local p = {}

			-- Napredna funkcija koja agresivno čisti sve ne-numeričke skrivene znakove
	local function splitCSV(str)		local function splitCSV(str)
	local t = {}		local t = {}
	-- ~~Čisti whitespace i prelama po zarezu~~		if not str then return t end
	for value in string.gmatch(str ~~or ""~~, "([^,]+)") do
	value = mw.~~text.trim~~(value)		-- Ukloni HTML komentare ako ih ima
			str = string.gsub(str, "<!--.--->", "")

			-- Razlomi niz preko zareza
			for value in string.gmatch(str, "([^,]+)") do
			-- Očisti sve razmake, prijelome redaka (\n), tabulatore (\t) i skrivene znakove
			value = string.gsub(value, "[%s%c]", "")

	local num = tonumber(value)		local num = tonumber(value)
	if num then		if num then
Redak 15:		Redak 23:

	function p.render(frame)		function p.render(frame)
	~~-- Dohvaćanje argumenata iz predloška~~
	local args = frame:getParent() and frame:getParent().args or frame.args		local args = frame:getParent() and frame:getParent().args or frame.args
	local years = splitCSV(args.years)		local years = splitCSV(args.years)
Redak 21:		Redak 28:
	local n = #years		local n = #years

	-- ~~Validacija podataka~~		-- Ako modul ne nađe podatke, ispisat će točan broj koji je uspio pročitati radi lakšeg debugiranja
	if n == 0 or #pops ~= n then		if n == 0 or #pops ~= n then
	return '<strong class="error">Greška: Broj godina (' .. n .. ') i broj stanovnika (' .. #pops .. ') se ne ~~podudara ili su podaci neispravni~~.</strong>'		return '<strong class="error">Greška u grafikonu: Broj učitanih godina (' .. n .. ') i broj stanovnika (' .. #pops .. ') se ne podudaraju. Provjerite jesu li svi zarezi ispravno postavljeni.</strong>'
	end		end

	-- Konfiguracija		-- Konfiguracija grafikona
	local svgWidth = tonumber(args.svg_width) or 800		local svgWidth = tonumber(args.svg_width) or 800
	local svgHeight = tonumber(args.svg_height) or 300		local svgHeight = tonumber(args.svg_height) or 300
	local svgPadding = tonumber(args.svg_padding) or 20		local svgPadding = tonumber(args.svg_padding) or 25 -- Malo povećan padding za bolji izgled točaka
	local lineColor = args.line_color or "#007bff"		local lineColor = args.line_color or "#007bff"

	-- ~~Statistika~~		-- Pronalaženje statistike
	local maxv = pops[1]		local maxv = pops[1]
	local minv = pops[1]		local minv = pops[1]
Redak 42:		Redak 49:
	end		end

	~~-- Izračun raspona za SVG (unutar paddinga)~~
	local innerWidth = svgWidth - (svgPadding * 2)		local innerWidth = svgWidth - (svgPadding * 2)
	local innerHeight = svgHeight - (svgPadding * 2)		local innerHeight = svgHeight - (svgPadding * 2)

	~~-- Ako je maxv 0, postavi na 1 da izbjegnemo dijeljenje s nulom~~
	local divisor = maxv > 0 and maxv or 1		local divisor = maxv > 0 and maxv or 1

	-- SVG ~~linija i točke~~		-- Izrada SVG-a
	local points = {}		local points = {}
	local circles = {}		local circles = {}
	for i, v in ipairs(pops) do		for i, v in ipairs(pops) do
	~~-- X se raspoređuje linearno unutar innerWidth, počevši od svgPadding~~
	local x = svgPadding		local x = svgPadding
	if n > 1 then		if n > 1 then
	x = svgPadding + ((i - 1) * (innerWidth / (n - 1)))		x = svgPadding + ((i - 1) * (innerWidth / (n - 1)))
	end		end
	~~-- Y ide odozgo prema dolje (0 je vrh SVG-a)~~
	local y = svgHeight - svgPadding - ((v / divisor) * innerHeight)		local y = svgHeight - svgPadding - ((v / divisor) * innerHeight)

	table.insert(points, string.format("%.1f,%.1f", x, y))		table.insert(points, string.format("%.1f,%.1f", x, y))
	table.insert(circles, string.format(		table.insert(circles, string.format(
	'<circle cx="%.1f" cy="%.1f" r="5" fill="%s" stroke="#~~fff~~" stroke-width="~~1.5~~"><title>Godina %d: %d stanovnika</title></circle>',		'<circle cx="%.1f" cy="%.1f" r="5" fill="%s" stroke="#ffffff" stroke-width="2"><title>Godina %d: %d stanovnika</title></circle>',
	x, y, lineColor, years[i], v		x, y, lineColor, years[i], v
	))		))
	end		end

	local svg = string.format([[<svg class="population-linechart" viewBox="0 0 %d %d" style="width:100%%; height:auto;">		local svg = string.format([[<svg class="population-linechart" viewBox="0 0 %d %d" style="width:100%%; height:auto;" xmlns="http://www.w3.org/2000/svg">
	<polyline fill="none" stroke="%s" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="%s" />		<polyline fill="none" stroke="%s" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="%s" />
	%s		%s
	</svg>]], svgWidth, svgHeight, lineColor, table.concat(points, " "), table.concat(circles, "\n"))		</svg>]], svgWidth, svgHeight, lineColor, table.concat(points, " "), table.concat(circles, "\n"))

	-- Bar ~~chart~~ (~~Stupci~~)		-- Izrada Bar Chart-a (Stupaca)
	local bars = {}		local bars = {}
	for i = 1, n do		for i = 1, n do
Redak 100:		Redak 102:
	<strong>Najmanje:</strong> %d stanovnika<br>		<strong>Najmanje:</strong> %d stanovnika<br>
	<strong>Prosjek:</strong> %d stanovnika<br>		<strong>Prosjek:</strong> %d stanovnika<br>
	<strong>Ukupno ~~godina~~:</strong> %d		<strong>Ukupno popisa:</strong> %d
	</div>]], maxv, minv, math.floor(sum / n), n)		</div>]], maxv, minv, math.floor(sum / n), n)

WikiSysop u (test) 08:33, 19. srpanj 2026.

2026-07-19T08:33:33Z

←Starija inačica		Inačica od 19. srpanj 2026. u 08:33
Redak 3:		Redak 3:
	local function splitCSV(str)		local function splitCSV(str)
	local t = {}		local t = {}
			-- Čisti whitespace i prelama po zarezu
	for value in string.gmatch(str or "", "([^,]+)") do		for value in string.gmatch(str or "", "([^,]+)") do
	value = mw.text.trim(value)		value = mw.text.trim(value)
	table.insert(t, ~~tonumber(value)~~)		local num = tonumber(value)
			if num then
			table.insert(t, num)
			end
	end		end
	return t		return t
Redak 11:		Redak 15:

	function p.render(frame)		function p.render(frame)
	local args = frame:getParent() and frame:getParent().args or frame.args		-- Dohvaćanje argumenata iz predloška
			local args = frame:getParent() and frame:getParent().args or frame.args
	local years = splitCSV(args.years)		local years = splitCSV(args.years)
	local pops = splitCSV(args.pops)		local pops = splitCSV(args.pops)
			local n = #years

	~~local n = #years~~		-- Validacija podataka
	if n == 0 or #pops ~= n then		if n == 0 or #pops ~= n then
	return "<strong>Greška: ~~broj~~ godina i broj stanovnika se ne podudara.</strong>"		return '<strong class="error">Greška: Broj godina (' .. n .. ') i broj stanovnika (' .. #pops .. ') se ne podudara ili su podaci neispravni.</strong>'
	end		end

	-- Konfiguracija ~~(možeš mijenjati iz predloška)~~		-- Konfiguracija
	local svgWidth = tonumber(args.svg_width) or 800		local svgWidth = tonumber(args.svg_width) or 800
	local svgHeight = tonumber(args.svg_height) or 300		local svgHeight = tonumber(args.svg_height) or 300
Redak 31:		Redak 36:
	local minv = pops[1]		local minv = pops[1]
	local sum = 0		local sum = 0
			for _, v in ipairs(pops) do
	for _,v in ipairs(pops) do
	if v > maxv then maxv = v end		if v > maxv then maxv = v end
	if v < minv then minv = v end		if v < minv then minv = v end
Redak 38:		Redak 42:
	end		end

	local innerHeight = svgHeight - svgPadding * 2		-- Izračun raspona za SVG (unutar paddinga)
			local innerWidth = svgWidth - (svgPadding * 2)
			local innerHeight = svgHeight - (svgPadding * 2)

	-- SVG ~~polyline + tooltipovi~~		-- Ako je maxv 0, postavi na 1 da izbjegnemo dijeljenje s nulom
			local divisor = maxv > 0 and maxv or 1

			-- SVG linija i točke
	local points = {}		local points = {}
	local circles = {}		local circles = {}
			for i, v in ipairs(pops) do
	for i,v in ipairs(pops) do		-- X se raspoređuje linearno unutar innerWidth, počevši od svgPadding
	local x = (i-1) * (~~svgWidth~~ / ~~math.max(1,~~(n-1)))		local x = svgPadding
	local y = svgHeight - svgPadding - (v / ~~maxv~~ * innerHeight)		if n > 1 then
			x = svgPadding + ((i - 1) * (innerWidth / (n - 1)))
			end
			-- Y ide odozgo prema dolje (0 je vrh SVG-a)
			local y = svgHeight - svgPadding - ((v / divisor) * innerHeight)

	table.insert(points, string.format("%.1f,%.1f", x, y))		table.insert(points, string.format("%.1f,%.1f", x, y))

	table.insert(circles, string.format(		table.insert(circles, string.format(
	'<circle cx="%.1f" cy="%.1f" r="4" fill="%s"><title>Godina %d: %d stanovnika</title></circle>',		'<circle cx="%.1f" cy="%.1f" r="5" fill="%s" stroke="#fff" stroke-width="1.5"><title>Godina %d: %d stanovnika</title></circle>',
	x, y, lineColor, years[i], v		x, y, lineColor, years[i], v
	))		))
	end		end

	local svg = string.format([[		local svg = string.format([[<svg class="population-linechart" viewBox="0 0 %d %d" style="width:100%%; height:auto;">
	<svg class="population-linechart" viewBox="0 0 %d %d" ~~preserveAspectRatio~~="~~none~~">		<polyline fill="none" stroke="%s" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="%s" />
	<polyline fill="none" stroke="%s" stroke-width="3" points="%s" />
	%s		%s
	</svg>		</svg>]], svgWidth, svgHeight, lineColor, table.concat(points, " "), table.concat(circles, "\n"))
	]], svgWidth, svgHeight, lineColor, table.concat(points, " "), table.concat(circles, "\n"))

	-- Bar chart ~~s animacijom~~		-- Bar chart (Stupci)
	local bars = {}		local bars = {}
			for i = 1, n do
	for i=1,n do
	local trend = "equal"		local trend = "equal"
	if i > 1 then		if i > 1 then
Redak 75:		Redak 84:
	end		end
	end		end

	local width = math.floor((pops[i] / ~~maxv~~) * 100)		local width = math.floor((pops[i] / divisor) * 100)
			table.insert(bars, string.format([[<div class="population-bar">
	table.insert(bars, string.format([[
	<div class="population-bar">
	<div class="population-year">%d</div>		<div class="population-year">%d</div>
	<div class="population-value %s" style="width:%d%%;" ~~data-tooltip~~="Godina %d: %d stanovnika">		<div class="population-bar-wrapper">
	<span>%d</span>		<div class="population-value %s" style="width:%d%%;" title="Godina %d: %d stanovnika">
			<span>%d</span>
			</div>
	</div>		</div>
	</div>		</div>]], years[i], trend, width, years[i], pops[i], pops[i]))
	]], years[i], trend, width, years[i], pops[i], pops[i]))
	end		end

	local stats = string.format([[		local stats = string.format([[<div class="population-stats">
	<div class="population-stats">		<strong>Najviše:</strong> %d stanovnika<br>
	Najviše: %d stanovnika<br>		<strong>Najmanje:</strong> %d stanovnika<br>
	Najmanje: %d stanovnika<br>		<strong>Prosjek:</strong> %d stanovnika<br>
	Prosjek: %d stanovnika<br>		<strong>Ukupno godina:</strong> %d
	Ukupno godina: %d		</div>]], maxv, minv, math.floor(sum / n), n)
	</div>
	]], maxv, minv, math.floor(sum/n), n)

	return '<div class="population-wrapper">' .. table.concat(bars, "\n") .. svg .. stats .. '</div>'		return '<div class="population-wrapper">\n' .. table.concat(bars, "\n") .. '\n' .. svg .. '\n' .. stats .. '\n' .. '</div>'
	end		end

	return p		return p

WikiSysop u (test) 07:51, 19. srpanj 2026.

2026-07-19T07:51:58Z

←Starija inačica		Inačica od 19. srpanj 2026. u 07:51
Redak 1:		Redak 1:
	local p = {}		local p = {}

	~~-- Pretvara string "1857,1869,1880" u {1857,1869,1880}~~
	local function splitCSV(str)		local function splitCSV(str)
	local t = {}		local t = {}
	for value in string.gmatch(str, "([^,]+)") do		for value in string.gmatch(str or "", "([^,]+)") do
			value = mw.text.trim(value)
	table.insert(t, tonumber(value))		table.insert(t, tonumber(value))
	end		end
Redak 11:		Redak 11:

	function p.render(frame)		function p.render(frame)
	local years = splitCSV(~~frame.~~args.years ~~or ""~~)		local args = frame:getParent() and frame:getParent().args or frame.args
	local pops = splitCSV(~~frame.~~args.pops ~~or ""~~)
			local years = splitCSV(args.years)
			local pops = splitCSV(args.pops)

	local n = #years		local n = #years
Redak 18:		Redak 20:
	return "<strong>Greška: broj godina i broj stanovnika se ne podudara.</strong>"		return "<strong>Greška: broj godina i broj stanovnika se ne podudara.</strong>"
	end		end

			-- Konfiguracija (možeš mijenjati iz predloška)
			local svgWidth = tonumber(args.svg_width) or 800
			local svgHeight = tonumber(args.svg_height) or 300
			local svgPadding = tonumber(args.svg_padding) or 20
			local lineColor = args.line_color or "#007bff"

	-- Statistika		-- Statistika
Redak 24:		Redak 32:
	local sum = 0		local sum = 0

	for i,v in ipairs(pops) do		for _,v in ipairs(pops) do
	if v > maxv then maxv = v end		if v > maxv then maxv = v end
	if v < minv then minv = v end		if v < minv then minv = v end
Redak 30:		Redak 38:
	end		end

	-- SVG polyline		local innerHeight = svgHeight - svgPadding * 2

			-- SVG polyline + tooltipovi
	local points = {}		local points = {}
			local circles = {}

	for i,v in ipairs(pops) do		for i,v in ipairs(pops) do
	local x = (i-1) * (~~800~~ / (n-1))		local x = (i-1) * (svgWidth / math.max(1,(n-1)))
	local y = ~~300~~ - (v / maxv * ~~280~~)		local y = svgHeight - svgPadding - (v / maxv * innerHeight)

	table.insert(points, string.format("%.1f,%.1f", x, y))		table.insert(points, string.format("%.1f,%.1f", x, y))

			table.insert(circles, string.format(
			'<circle cx="%.1f" cy="%.1f" r="4" fill="%s"><title>Godina %d: %d stanovnika</title></circle>',
			x, y, lineColor, years[i], v
			))
	end		end

	local svg = '<svg class="population-linechart" viewBox="0 0 ~~800 300~~" preserveAspectRatio="none">'		local svg = string.format([[
	~~.. '~~<polyline fill="none" stroke="~~#007bff~~" stroke-width="3" points="'		<svg class="population-linechart" viewBox="0 0 %d %d" preserveAspectRatio="none">
	.. table.concat(points, " ")		<polyline fill="none" stroke="%s" stroke-width="3" points="%s" />
	.~~. '~~" ~~/></svg>'~~		%s
			</svg>
			]], svgWidth, svgHeight, lineColor, table.concat(points, " "), table.concat(circles, "\n"))

	-- Bar chart		-- Bar chart s animacijom
	local bars = {}		local bars = {}

Redak 49:		Redak 69:
	local trend = "equal"		local trend = "equal"
	if i > 1 then		if i > 1 then
	if pops[i] > pops[i-1] then trend = "up"		if pops[i] > pops[i-1] then
	elseif pops[i] < pops[i-1] then trend = "down"		trend = "up"
			elseif pops[i] < pops[i-1] then
			trend = "down"
	end		end
	end		end
Redak 56:		Redak 78:
	local width = math.floor((pops[i] / maxv) * 100)		local width = math.floor((pops[i] / maxv) * 100)

	table.insert(bars,		table.insert(bars, string.format([[
	string.format([[
	<div class="population-bar">		<div class="population-bar">
	<div class="population-year">%d</div>		<div class="population-year">%d</div>
Redak 64:		Redak 85:
	</div>		</div>
	</div>		</div>
	]], years[i], trend, width, years[i], pops[i], pops[i])		]], years[i], trend, width, years[i], pops[i], pops[i]))
	)
	end		end

WikiSysop: Stvorena nova stranica sa sadržajem: »local p = {} -- Pretvara string "1857,1869,1880" u {1857,1869,1880} local function splitCSV(str) local t = {} for value in string.gmatch(str, "([^,]+)") do table.insert(t, tonumber(value)) end return t end function p.render(frame) local years = splitCSV(frame.args.years or "") local pops = splitCSV(frame.args.pops or "") local n = #years if n == 0 or #pops ~= n then return "Greška: broj g...«.

2026-07-19T07:46:12Z

Stvorena nova stranica sa sadržajem: »local p = {} -- Pretvara string "1857,1869,1880" u {1857,1869,1880} local function splitCSV(str) local t = {} for value in string.gmatch(str, "([^,]+)") do table.insert(t, tonumber(value)) end return t end function p.render(frame) local years = splitCSV(frame.args.years or "") local pops = splitCSV(frame.args.pops or "") local n = #years if n == 0 or #pops ~= n then return "<strong>Greška: broj g...«.

Nova stranica
local p = {}

-- Pretvara string "1857,1869,1880" u {1857,1869,1880}
local function splitCSV(str)
local t = {}
for value in string.gmatch(str, "([^,]+)") do
table.insert(t, tonumber(value))
end
return t
end

function p.render(frame)
local years = splitCSV(frame.args.years or "")
local pops = splitCSV(frame.args.pops or "")

local n = #years
if n == 0 or #pops ~= n then
return "<strong>Greška: broj godina i broj stanovnika se ne podudara.</strong>"
end

-- Statistika
local maxv = pops[1]
local minv = pops[1]
local sum = 0

for i,v in ipairs(pops) do
if v > maxv then maxv = v end
if v < minv then minv = v end
sum = sum + v
end

-- SVG polyline
local points = {}
for i,v in ipairs(pops) do
local x = (i-1) * (800 / (n-1))
local y = 300 - (v / maxv * 280)
table.insert(points, string.format("%.1f,%.1f", x, y))
end

local svg = '<svg class="population-linechart" viewBox="0 0 800 300" preserveAspectRatio="none">'
.. '<polyline fill="none" stroke="#007bff" stroke-width="3" points="'
.. table.concat(points, " ")
.. '" /></svg>'

-- Bar chart
local bars = {}

for i=1,n do
local trend = "equal"
if i > 1 then
if pops[i] > pops[i-1] then trend = "up"
elseif pops[i] < pops[i-1] then trend = "down"
end
end

local width = math.floor((pops[i] / maxv) * 100)

table.insert(bars,
string.format([[
<div class="population-bar">
<div class="population-year">%d</div>
<div class="population-value %s" style="width:%d%%;" data-tooltip="Godina %d: %d stanovnika">
<span>%d</span>
</div>
</div>
]], years[i], trend, width, years[i], pops[i], pops[i])
)
end

local stats = string.format([[
<div class="population-stats">
Najviše: %d stanovnika<br>
Najmanje: %d stanovnika<br>
Prosjek: %d stanovnika<br>
Ukupno godina: %d
</div>
]], maxv, minv, math.floor(sum/n), n)

return '<div class="population-wrapper">' .. table.concat(bars, "\n") .. svg .. stats .. '</div>'
end

return p