hemicycle 0.0.26 hemicycle: ^0.0.26 copied to clipboard
Draw a semi-circle dotted representation. It is designed for displaying groups in an Assembly per sector, or individual votes.
The purpose of this Flutter package is to draw a full-width (embed in Container to resize) representation of a semi-circle assembly... The number of dots is up to you, by default 577 as for the French National Assembly.
DrawHemicycle groupes parlementaires France 2022 | DrawHemicycle législatives France 2022 |
Features #
You can change the number of seats, the arc of the circle (by default, 170°) and, with the specific type of inputs, you can display individual voters or sectors for group appearance...
Usage #
Create a List<GroupSectors>
containing every sectors you want to draw.
OR create a List<IndividualVotes>
containing every individual vote you want to draw.
Then use DrawHemicycle
to get the semi-circle assembly representation.
class _HemicycleState extends State<Hemicycle> {
int numberTest = 0;
int resteTest = 0;
List<GroupSectors> hemicycleTest = [
GroupSectors(numberTest, customVert, description: "BEFORE"),
GroupSectors(1, customRouge, description: "NEW"),
GroupSectors(resteTest, customMiddleGrey1278, description: "AFTER")
];
List<IndividualVotes> votesTest = [
IndividualVotes(33, voteResult: true, groupPairing: "AAA"),
IndividualVotes(34, voteResult: true, groupPairing: "AAA"),
IndividualVotes(35, voteResult: false, groupPairing: "AAA"),
IndividualVotes(36, voteResult: true, groupPairing: "AAA"),
IndividualVotes(37, voteResult: false, groupPairing: "AAA"),
IndividualVotes(88, voteResult: true, groupPairing: "MMM"),
IndividualVotes(89, voteResult: false, groupPairing: "MMM"),
IndividualVotes(90, voteResult: false, groupPairing: "MMM"),
IndividualVotes(122, voteResult: false, groupPairing: "ZZZ"),
IndividualVotes(123, voteResult: false, groupPairing: "ZZZ"),
IndividualVotes(124, voteResult: true, groupPairing: "ZZZ"),
IndividualVotes(126, voteResult: true, groupPairing: "ZZZ"),
];
@override
void initState() {
numberTest = 1;
resteTest = 577 - numberTest - 1;
updateAndRefresh();
super.initState();
}
void updateAndRefresh() async {
Future.delayed(Duration(milliseconds: 100), (() {
setState(() {
datasUpdated = true;
});
}));
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
if (datasUpdated)
DrawHemicycle(200, nbRows: 8, individualVotes: votesTest, withLegend: true),
if (datasUpdated)
DrawHemicycle(
resteTest + numberTest + 1,
nbRows: ((resteTest + numberTest + 1) / 50).ceil(),
groupSectors: hemicycleTest,
withLegend: true,
withTitle: true,
title: "TEST",
),
TextButton(
onPressed: () {
setState(() {
numberTest += 1;
datasUpdated = false;
});
updateAndRefresh();
},
child:
Text(("PLUS UN... (" + numberTest.toString() + ")"))),
]),
);
}
}
Example group sectors | Example individual votes |
Additional information #
Further infos soon ;-)